摩纳哥编辑器中可以有分割窗格吗？

Question

能否在Monaco编辑器中获得分割窗格？类似于VSCode或Monaco自己提供的Diff Editor中的做法。

Answer 1

你必须在不同的编辑器中共享模型，比如

const ed1 = monaco.editor.create(document.getElementById("container1"), {
    value: "function hello() {\n\talert('Hello world!');\n}",
    language: "javascript"
})
const model = ed1.getModel()

monaco.editor.create(document.getElementById("container2"), {
    model,
})

---

<div id="container1" style="height:50%;"></div>
<div id="container2" style="height:50%;"></div>

你可以在游乐场测试该代码 https:/microsoft.github.iomonaco-editorplayground.html。