Question

我想使用ace代码编辑器添加一个div容器。

为此，我创建了这个

<div id="editor" class="codeeditor">
      <div id="editor-nav" class="codeeditor-nav">HTML | Javascript | CSS | PHP </div>
      <div id="editor-code" class="codeeditor-codearea"></div>
</div>

我想将另一个div的源代码用于ace编辑器

<div id="mycontent">That the code i want to edit</div>

我为此设置了王牌

var editor = ace.edit("codeeditor-codearea");
editor.session.setMode("src-min-noconflict/mode/javascript';?>");

我必须如何设置王牌

是否从“ mycontent”中获取内容？
并在“编辑器代码”中显示ace编辑器？

还有一个问题，就是编辑器添加后，我的内容看起来不漂亮-有办法防止这种情况吗？

Answer 1

您可以像这样设置编辑器

var editor = ace.edit("codeeditor-codearea", {
    mode: "ace/mode/javascript",
    value: document.getElementById("mycontent").textContent
});
?>");

，或者如果您使用的是ace的旧版本

editor.session.setValue(document.getElementById("mycontent").textContent)

如何在单独的div中为多种语言设置ace？

1 个答案: