gpt4 book ai didi

javascript - ace 编辑器不显示

转载 作者:行者123 更新时间:2023-12-03 07:37:48 27 4
gpt4 key购买 nike

我想在 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>

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

<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);

最佳答案

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

关于javascript - ace 编辑器不显示 <html>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35542127/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com