ace 编辑器不显示 <html>

Question

我想通过加载在 ace 编辑器中显示 html 代码，但 <!DOCTYPE>、<html>、<head> 和 <body> 未显示。该行在编辑器中为空白。

<pre id="editor">
<!DOCTYPE HTML>
<html>
<head>
    <title>my website</title>
</head>
<body>
<!--Add your heading tag below-->

</body>
</html>

我也尝试过替换特殊字符，但此代码显示的与键入的完全一样。字符不会转换为 < etc

<pre id="editor">
&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;my website&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;!--Add your heading tag below--&gt;

&lt;/body&gt;
&lt;/html&gt;
</pre>

javascript

el = document.getElementById("editor");
text = el.innerHTML;
editor = ace.edit(el);
editor.session.setValue(text);
editor.setTheme("ace/theme/custom");
editor.session.setMode("ace/mode/html");
editor.getSession().setUseWrapMode(true);
editor.setOptions({
    enableBasicAutocompletion: false,
    enableSnippets: false,
    enableLiveAutocompletion: false
});
editor.gotoLine(2);

Answer 1

使用转义版本，不要在 ace.edit 之后调用 setValue(text); 或使用 text = el.textContent; 而不是 innerHTML.

ace 编辑器不显示 <html>

ace editor not displaying <html>

html

javascript

ace-editor