自动格式化Code​​Mirror

Question

我正在使用未格式化的CSS字符串填充我的CodeMirror textarea。我无法控制这个CSS的格式。

未格式化的CSS示例

position: absolute; top: 66px; left: 746px; width: 399px; height: 353px; background-color: pink;

当我将该字符串设置为CodeMirror textarea的值时，它看起来像这样：

我希望它看起来像这样：

我已尝试AutoFormatDateRange，但我认为该功能已被删除？

Answer 1

您应该可以使用.autoFormatRange()，但我认为您的CSS必须包含在<style></style>标记中，以便CodeMirror知道如何格式化字符串。

修改

我自己没有以这种方式使用CodeMirror，但是在这里插入字符串不起作用：

http://codemirror.net/2/demo/formatting.html

但是当它在<style></style>中包装时，它按预期编译。

Answer 2

这个项目似乎在JavaScript中实现了一个CSS（和JS，以及HTML）漂亮的打印机：

https://github.com/einars/js-beautify

在将代码放入编辑器之前，先运行代码。