Автоматический формат CodeMirror

Question

Я заполняю свою текстовую область CodeMirror неформатированной строкой CSS. Я не могу контролировать форматирование этого CSS.

Unformatted CSS пример

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

Когда я установил эту строку в качестве значения текстового поля CodeMirror, это выглядит следующим образом:

Я хочу, чтобы выглядеть следующим образом :

Я пробовал 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

Так запустить код через который, прежде чем положить его в редактор.