Question

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

如果我试图美化内容：

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

我希望得到：

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

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

需要得到它才能按预期工作。

JS小提琴示例：

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链接。

Ace编辑器美化扩展，不按预期将HTML格式化为新行

1 个答案: