1.1.x Подсветка кода в редакторе шаблонов (CodeMirror + Zen Coding)

Мне показался встроенный редактор довольно малофункциональным, так что решил прикрутить к нему редактор кода CodeMirror.

Установка

Скачиваем codemirror.zip и распаковываем в js папку вашего форума.
В режиме Разработки открываем Шаблоны Панели Управления и ищем шаблон template_edit.
В конец шаблона вставляем:

HTML:

<xen:require js="js/codemirror/parsexml.js" />
<xen:require js="js/codemirror/codemirror.js" />
<xen:require js="js/codemirror/zen_codemirror.min.js" />
<script>
CodeMirror.fromTextArea('templateTextarea', {
    height: "350px",
    parserfile: "parsexml.js",
    stylesheet: "js/codemirror/xmlcolors.css",
    path: "js/codemirror/",
    continuousScanning: 500,
    lineNumbers: true,
 
    // add Zen Coding support
    syntax: 'html',
    onLoad: function(editor) {
        zen_editor.bind(editor);
    }
});
</script>

После, лезем в шаблоны своего стиля и радуемся подсветке кода и не только, теперь можно пользоваться мощными возможностями Zen, например напишите div.clear а потом ткните tab.
Поддержка подсветки css пока не реализована.

Решение пока временное, в скором будущем постараюсь завернуть все это в плагин с настройками.


Скриншоты:

 

Хорошая "штучка"

UPD
Добавил скриншоты.

 

1.У меня нету шаблона template_edit
2.Я создал шаблон этот добавил код и залил файлы но ни чего не изменилось
что делать?

 

Его не может не быть, перепроверяй свои действия. Возможно ты залез в редактирование обычного шаблона, а не шаблона админки.

 

вы вошли не в режиме Разработки, для того чтобы зайти в режим разработки, необходимо:

Дописать в ваш файл config.php, который лежит на сервере в папке library

Код:

$config['debug'] = true;

 

Вот аналог даже более функциональнее.

 

Бред..
После того как добавил появились строки .
да удобно но невозможно редактировать что либо .
вроде как сохраняет изменения но после обновления остается все как было.
удалил.
возможно это тока у меня все так криво .