WebDev - блог

Уже достаточно давно многие знаю, что если у вас включен WYSIWYG редактор TinyMCE, то при написании/редактировании статьи можно нажать комбинацию кнопок Alt-Shfift-V(Firefox) или Alt-V(IE), и появится дополнительная панель кнопок редактора. На этой панели находятся кнопки подчеркивания, выделения цветом, вставки тэгов h1-h6 и др.

Но для владельцев Opera, данная комбинация не работает, да и помнить ее все время тоже как-то неправильно.

Поэтому я решил сделать так, чтобы эту панель можно было показывать/скрывать нажимая на кнопку на певой панели редактора.

Для это необходимо поправить всего один файл, и поменять местами два слова в коде.

Замечу, что я работаю с версией WordPress 2.2, в другой версии, возможно, будут другие номера искомых строк.

Итак, открываем файл

каталог_установки_wp/wp-includes/js/tinymce/tiny_mce_config.php

Переходим к строке №32:

$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', 'separator', 'bullist', 'numlist', 'outdent', 'indent', 'separator', 'justifyleft', 'justifycenter', 'justifyright', 'separator', 'link', 'unlink', 'image', 'wp_more', 'insertcode', 'separator', 'spellchecker', 'separator', 'wp_help', 'wp_adv_start', 'wp_adv', 'formatselect', 'underline', 'justifyfull', 'forecolor', 'separator', 'pastetext', 'pasteword', 'separator', 'removeformat', 'cleanup', 'separator', 'charmap', 'separator', 'undo', 'redo', 'wp_adv_end'));

Здесь нам нужно поменять местами 'wp_adv_start' и 'wp_adv', и чтобы выделить кнопку включения панели, я отделю ее сепаратором:

$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', 'separator', 'bullist', 'numlist', 'outdent', 'indent', 'separator', 'justifyleft', 'justifycenter', 'justifyright', 'separator', 'link', 'unlink', 'image', 'wp_more', 'insertcode', 'separator', 'spellchecker', 'separator', 'wp_help', 'separator', 'wp_adv', 'wp_adv_start', 'formatselect', 'underline', 'justifyfull', 'forecolor', 'separator', 'pastetext', 'pasteword', 'separator', 'removeformat', 'cleanup', 'separator', 'charmap', 'separator', 'undo', 'redo', 'wp_adv_end'));

После этого наша основная панель примет такой вид, обратите внимание на последнюю кнопку:

С помощью последней кнопки теперь можно показывать/скрывать панель, показанную на первом рисунке.

Кстати, на wordpress.com основная панель имеет именно такой вид, а вот для скачиваемой версии WordPress почему-то ее спрятали.

Добавить в закладки: