Ace Editor 美化扩展未按预期将 HTML 格式化为新行

Question

我正在尝试使用带有美化扩展的 Ace 编辑器。

如果我尽量美化内容:

<div><ul><li>aaaaa</li></ul></div>

我希望得到：

<div>
    <ul>
       <li>aaaaa</li>
    </ul>
</div>

虽然没有发生这样的变化，它仍然是一长串代码。

需要获取它才能按预期工作。

JS Fiddle 示例：

https://jsfiddle.net/treefishuk/t03sh2fc/

Answer 1

我也尝试过美化 ace 编辑器的扩展，但它对我也不起作用，输出仅在单行中。我已经经历了 JS Beautifier 并且它工作得很好。它有美化JS的选项，HTML和CSS。您可以使用 HTML 模块来美化您在 Ace Editor 中的代码。我附上了下面的示例代码：

HTML:

<div id="editor"></div>

JS：

var editor = ace.edit("editor");
var val = "<div><ul><li>aaaaa</li></ul></div><div></div><div></div><div></div>";
val = html_beautify(val);
editor.setValue(val, 1);
editor.setTheme("ace/theme/monokai");
editor.getSession().setMode("ace/mode/html");

运行 Fiddle link.

Ace Editor 美化扩展未按预期将 HTML 格式化为新行

Ace Editor's beautify extention not formatting HTML onto new lines as expected

javascript

ace-editor