1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

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

Тема в разделе "Made in XF-Russia.ru", создана пользователем JiLiZART, 17 янв 2012.

Загрузка
  1. JiLiZART

    JiLiZART Активный пользователь

    Регистрация:
    17.01.12
    Сообщения:
    5
    Симпатии:
    14
    Версия XF:
    1.1.1
    Мне показался встроенный редактор довольно малофункциональным, так что решил прикрутить к нему редактор кода 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 пока не реализована.

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


    Скриншоты:
    before.png after.png
     

    Вложения:

    • codemirror.zip
      Размер файла:
      75,8 КБ
      Просмотров:
      92
    xorex, Telia, Monomizer и 9 другим нравится это.
  2. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2.120
    Симпатии:
    1.558
    Версия XF:
    1.5.9
    Хорошая "штучка" :thumbsup:

    UPD
    Добавил скриншоты.
     
    infis нравится это.
  3. RedCobra

    RedCobra Read only

    Регистрация:
    09.12.11
    Сообщения:
    74
    Симпатии:
    2
    Версия XF:
    1.1.3
    1.У меня нету шаблона template_edit
    2.Я создал шаблон этот добавил код и залил файлы но ни чего не изменилось
    что делать?
     
  4. JiLiZART

    JiLiZART Активный пользователь

    Регистрация:
    17.01.12
    Сообщения:
    5
    Симпатии:
    14
    Версия XF:
    1.1.1
    Его не может не быть, перепроверяй свои действия. Возможно ты залез в редактирование обычного шаблона, а не шаблона админки.
     
    RedCobra нравится это.
  5. undll

    undll Местный

    Регистрация:
    22.03.11
    Сообщения:
    91
    Симпатии:
    35
    Версия XF:
    1.1.5
    вы вошли не в режиме Разработки, для того чтобы зайти в режим разработки, необходимо:

    Дописать в ваш файл config.php, который лежит на сервере в папке library
    Код:
    $config['debug'] = true;
     
  6. Denel

    Denel Местный

    Регистрация:
    16.11.11
    Сообщения:
    295
    Симпатии:
    110
    Версия XF:
    1.5.9
    Вот аналог даже более функциональнее.
     
  7. Telia

    Telia Read only

    Регистрация:
    22.11.12
    Сообщения:
    136
    Симпатии:
    21
    Версия XF:
    1.0.1
    Бред..
    После того как добавил появились строки .
    да удобно но невозможно редактировать что либо .
    вроде как сохраняет изменения но после обновления остается все как было.
    удалил.
    возможно это тока у меня все так криво .
     

Поделиться этой страницей