如何在 VSCode 等 monaco-editor 中突出显示合并冲突块？

【问题标题】：How to highlight merge conflict blocks in monaco-editor like VSCode?如何在 VSCode 等 monaco-editor 中突出显示合并冲突块？
【发布时间】：2019-07-29 01:51:38
【问题描述】：

VSCode 有一个很好的功能可以通过这种方式突出合并冲突块：

所以我想知道如何在 monaco-editor 中实现这一点？

我查了API，找到了一个相关的：colorizeModelLine(model: ITextModel, lineNumber: number, tabSize?: number): string。

【问题讨论】：

标签： visual-studio-code monaco-editor git-merge-conflict

【解决方案1】：

我已经通过以下代码实现了这一点：

 this.editor.deltaDecorations(
        this.editor.getModel().getAllDecorations(),
        [{
            range: new monaco.Range(
              conflictBlock.right_start,
              0,
              conflictBlock.right_end,
              0
            ),
            options: {
              isWholeLine: true,
              className: 'rightLineDecoration',
              marginClassName: 'rightLineDecoration'
            }
          }]
      )

看起来像这样：

完整代码见：https://github.com/Symbolk/IntelliMerge-UI

【讨论】：