Сайт Дмитрия Величко (aka Mityok)

Недавно столкнулся с необходимостью "научить" TinyMCE устанавливать стили форматирования на основе CSS-классов. В случае с TinyMCE, интегрированным в Drupal задача решается крайне просто:

1. Авторизуемся на сайте как администратор, заходим в "Управление сайтом - Настройка - TinyMCE settings" (admin/settings/tinymce).
2. Открываем для редактирования тот профиль настроек визуального редактора, который вы используете (например, default).
3. В группе параметров CSS в поле "CSS classes" вносим список названий и имен css-классов, которые вы хотите использовать при редактировании текста. Например, есть класс CSS redtext который задает красный цвет текста, и есть класс bluetext, который задает синий цвет текста. Для того, чтобы подключить их вносим значение "Красный текст=redtext;Синий текст=bluetext" без кавычек. Обратите внимание на то, что в конце строки точку с запятой ставить не надо.
4. Теперь открываем на сайте документ для редактирования, в поле "Стили" должны появиться опции для выбора красного и синего цвета текста. При вставке стилей TinyMCE использует тег <span>, это нужно учитывать при написании CSS-кода.
5. Чтобы теги форматирования не были вырезаны фильтрами Drupal при выводе, нужно использовать фильтр Full HTML или внести тег <span> в список разрешенных тегов для фильтра Filtered HTML.

Вот собственно и все, надеюсь кому-то помог.