Добавление кнопок в визуальный редактор WordPress

Я уже в статье рассматривал как добавить кнопки в редактор WordPress. Многие спрашивают, как сделать так, чтобы кнопки нормально отображались и в визуальном редакторе.

Вообще, WordPress показывает в визуальном редакторе не все кнопки. Понятно, возможно не хотели интерфейс перегружать. Если у вас есть необходимость в них, то можно вынести на панель.

Добавление скрытых кнопок

Для этого в файл functions.php вставьте код:

function add_more_buttons($buttons) {
  $buttons[] = 'hr';
  $buttons[] = 'del';
  $buttons[] = 'sub';
  $buttons[] = 'sup';
  $buttons[] = 'cleanup';
  $buttons[] = 'fontselect';
  $buttons[] = 'fontsizeselect';
  $buttons[] = 'styleselect';
  return $buttons;
}
add_filter("mce_buttons_3", "add_more_buttons");

Добавление собственных кнопок

Возвращаюсь к давней моей статье о том как как добавить кнопки в редактор WordPress. Чтобы в визуальный редактор добавить свои кастомные кнопки, достаточно лишь в js файл написать, пример:

edButtons[edButtons.length] = 
new edButton('ed_i_b'
,'I and B'
,'<strong><em>'
,'</em></strong>'
);

В визуальном редакторе вы увидите наклонный жирный текст. По аналогии можно и другие кнопки сделать.

  Категории: CMS, JavaScript, WordPress, Коддинг
  • http://weco.su Егор

    Спасибо большое. То что нужно)

  • Денис

    вроде всё правильно сделал, но кнопка появилась не в визуальном а текстовом редакторе