Question

Ace编辑器未在编辑器中显示HTML代码，如image所示，但是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");

Answer 1

改为创建您自己的 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)
  }
}

当没有错误时，它不会发出警报，而是运行结果。否则，它会提醒错误。

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

1 个答案: