我正在尝试使用带有美化扩展名的Ace编辑器。
如果我试图美化内容:
<div><ul><li>aaaaa</li></ul></div>
我希望得到:
<div>
<ul>
<li>aaaaa</li>
</ul>
</div>
虽然没有发生这样的变化,但它仍然是一长串代码。
需要得到它才能按预期工作。
JS小提琴示例:
答案 0 :(得分: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链接。