Настраиваем TinyMCE в MODx

Сразу после установки Modx я обратил внимание на то, что визуальный редактор TinyMCE стоит в достаточно куцей конфигурации – всего две строки кнопок, отсутствие работы с таблицами и ряда полезных (с моей точки зрения) кнопок.

На сайте визуальника имеются примеры гораздо более богатых конфигураций. Здесь я опишу, как я обычно конфигурирую редактор под себя (справа) – мы добавим строку кнопок для работы с таблицами, а также еще несколько полезностей.

Для конфигурации визуального редактора идем в раздел Инструменты – Конфигурация – Интерфейс и представление и прокручиваем страницу до самого низа – до раздела TinyMCE. Над разделом указываем корректный Путь к CSS файлу – в этом случае визуальник будет отображать стили именно так, как они будут выглядеть на сайте. Далее настраиваем сам визуальник:
в выпадающем списке Тема WYSWYG редактора выбираем Индивидуальная в поле Индивидуальные плагины – вставляем строку style,advimage,advlink,searchreplace,print,contextmenu, paste,fullscreen,nonbreaking,xhtmlxtras,visualchars,media,table
в поле Индивидуальные кнопки Row 1 – undo,redo,selectall,separator,pastetext,pasteword,separator,search,replace, separator,nonbreaking,hr,charmap,separator, image,link,unlink,anchor,media,separator, cleanup,removeformat,separator,fullscreen,print,code,help Row 2 -bold,italic,underline,strikethrough,sub,sup,separator,forecolor,backcolor, separator,bullist, numlist,outdent,indent,separator,justifyleft,justifycenter, justifyright,justifyfull,separator,styleselect,formatselect,separator,styleprops
Row 3 – tablecontrols

Кнопки вы можете менять местами, убирать и добавлять. Увидеть все доступные кнопки, плагины и возможности конфигурирования вы можете посмотреть на официальном сайте визуального редактора. В последнем поле Селекторы СSS вы можете указать список классов для стилей, которые будут отображаться в выпадающем списке. Это очень удобная опция – теперь ваш дизайнер может конфигурировать доступные для применения в редакторе стили без участия программиста.