Все кнопки tinymce

Встроенный визуальный редактор WordPress tinymce имеет намного больше кнопок, чем появляется по умолчанию. Дополнительные кнопки, например, "якорь" или "цвет текста" добавить совсем не сложно.


В WordPress версии 3.2.1 встроенный визуальный редактор tinymce стал удобнее. Теперь в полноэкранном режиме появилась кнопка Сохранить и можно переключаться на полноэкранный html-редактор.

Кнопок в редакторе, правда, маловато, но это легко исправить. Просто вставьте в файл темы functions.php:

function enable_more_buttons($buttons) {
$buttons[] = 'removeformat'; // удалить форматирование
$buttons[] = 'justifyfull'; // выравнивание по ширине
$buttons[] = 'forecolor'; // цвет текста
$buttons[] = 'backcolor'; // цвет фона
$buttons[] = 'charmap'; // символ
$buttons[] = 'sup'; //верхний индекс
$buttons[] = 'anchor'; // якорь
$buttons[] = 'styleselect'; // выбор стиля

return $buttons; }

add_filter("mce_buttons_2", "enable_more_buttons");

Фильтр mce_buttons_2 - добавить во второй ряд кнопок, а можно добавить третий ряд кнопок - mce_buttons_3

Аналогично добавляются и другие кнопки :
indent - отступ
outdent -убрать отступ
newdocument - очистить все

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

Чтобы использовать плагин для TinyMC в WordPress, можно написать или использовать готовый плагин для WordPress (например,  плагин TinyMCE Advanced).

Все кнопки tinymce: 2 комментария

  1. Игорь

    Привет! Скажите, не случалось ли вам глубже знакомиться с настройками самого TinyMCE? По умолчанию стили (добавляемые через styleselect) накидываются один за другим; не могу найти возможности помешать им (чтобы можно было выбирать лишь один из стилей). Спасибо

    ↓
    1. Admin Автор записи

      Что значит "накидываются"?
      Посмотрите, например, статью How to use custom styles in the WordPress post editor
      (добавление своих стилей и удаление предустановленных стилей TinyMCE):
      //www.wdmac.com/how-to-use-custom-styles-in-the-word-press-post-editor
      или
      Helper functions for changing the visual editor appearance:
      //plugins.svn.wordpress.org/tinymce-advanced/branches/tinymce-kit/tinymce-kit.php

      ↓

Добавить комментарий