自動格式CodeMirror

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

這個項目似乎實現CSS（和JS和HTML）漂亮的打印機在JavaScript：

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

將其放入編輯器之前那麼通過運行該代碼。