Ace 编辑器不在编辑器中显示 HTML 代码

Question

Ace 编辑器不在编辑器中显示 HTML 代码

3

Ace编辑器无法像图像中显示的那样在编辑器中显示HTML代码，但JavaScript和CSS则没有问题。我正在使用的代码是：

var html = ace.edit("htmlEditor");
var css = ace.edit("cssEditor");
var js = ace.edit("jsEditor");

html.setTheme("ace/theme/xcode");
css.setTheme("ace/theme/xcode");
js.setTheme("ace/theme/xcode");

html.session.setMode("ace/mode/html");
css.session.setMode("ace/mode/css");
js.session.setMode("ace/mode/javascript");

- Upasana Chauhan

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Delvzz · Accepted Answer

创建您自己的HTML代码编辑器。

HTML

<textarea oninput="run(this.value)"></textarea>
<iframe id="preview" frameborder="0"></iframe>

JavaScript

function run(code) {
  document.getElementById("preview").contentDocument.body.innerHTML = code;
}

这个编辑器是实时的。如果您需要调试器，请使用它。

JavaScript

function debug(code) {
  try {
    new Function(code);
  } catch(e) {
    alert(e)
  }
}

当没有错误时，它不会弹出警告，而是运行结果。否则，它会弹出错误警告。