Javascript Ace编辑器&x27；s美化扩展未按预期将HTML格式化为新行

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

如果我试图美化内容：

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

aaaaa

我希望得到：

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

AAAA

但是，没有发生这样的更改，它只是一行代码

需要得到它，使其按预期工作

JS小提琴示例：

---

我也尝试过美化ace编辑器的扩展，但它对我也不起作用，输出仅为单行。我已经通过了，效果非常好。它有美化JS、HTML和CSS的选项。您可以使用HTML模块在Ace编辑器中美化代码。我已附上以下相同的示例代码：

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

var editor=ace.edit（“编辑器”）；
var val=“
aaaaa
”；
val=html_美化（val）；
编辑器.setValue（val，1）；
编辑：setTheme（“ace/theme/monokai”）；
editor.getSession（）.setMode（“ace/mode/html”）；

---

运行链接。

太棒了。谢谢@alit这里有一个漂亮的js库