monaco-editor - 可以在摩纳哥编辑器中使用拆分窗格吗？

Question

是否可以在 Monaco 编辑器中获得拆分窗格？类似于在 VSCode 中所做的或在 Monaco 本身提供的 Diff 编辑器中使用的内容。

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.io/monaco-editor/playground.html