如何使摩纳哥差异编辑器的左侧（原始代码）可编辑？

Question

我正在寻找在摩纳哥差异编辑器中编辑左右两侧代码的可能性。

我已经尝试过这个：

var originalModel = monaco.editor.createModel("heLLo world!", "text/plain");
var modifiedModel = monaco.editor.createModel("hello orlando!", "text/plain");

var diffEditor = monaco.editor.createDiffEditor(
  document.getElementById("container"), 
  { readOnly: false }
);

diffEditor.setModel({
    original: originalModel,
    modified: modifiedModel
});

但该（只读）选项仅影响右侧，默认情况下是可编辑的。

这是一个演示链接： create-the-diffeditor-hello-diff-world

Answer 1

设置originalEditable: true于IDiffEditorOptions：

var originalModel = monaco.editor.createModel("heLLo world!", "text/plain");
var modifiedModel = monaco.editor.createModel("hello orlando!", "text/plain");

var diffEditor = monaco.editor.createDiffEditor(document.getElementById("container"), {
    originalEditable: true, // for left pane
    readOnly: true,         // for right pane
});
diffEditor.setModel({
    original: originalModel,
    modified: modifiedModel
});