reactjs 如何在monaco编辑器中显示更改的编辑行(diff)而不使用分割模式的diff编辑器？

bjg7j2ky 于 2023-03-08 发布在 React

关注(0)|答案(2)|浏览(330)

我尝试在monaco编辑器中实现类似这样的功能。有没有一种方法可以在monaco中实现这种通知更改行的功能，而不使用DiffEditor（在拆分模式下显示的编辑器）？
短暂性脑缺血

我正在寻找确切的经验，如如何vscode通知更改行内联。

2条答案

我不知道你是否可以用普通的编辑器来实现这一点，但是DiffEditor确实允许你内联地显示更改：

var diffEditor = monaco.editor.createDiffEditor(document.getElementById("container"), {
    // Render the diff inline
    renderSideBySide: false
});

使用选项renderSideBySide

<DiffEditor
     original={text1}
     modified={text2}
     options={{ renderSideBySide: false }}
     language={language}
 />