Свои кнопки в редакторе WordPress

21.12.2007 @ Рубрики: WordPress  

Сначала не собирался писать пост (именно про добавление кнопок в редактор), но потом все-таки решился. Вдруг кому пригодится.

В предыдущей записи Arry сказал, что ему необходимо добавлять

в тело поста различных стилей для блоков текста

Я хочу предложить незамысловатое решение этой проблемы. Возможно это будет по-ламерски, но это работает.


В папке wp-includes\js\ есть файл quicktags.js.

Это как раз и есть наш «невизуальный редактор». Кнопки там описываются следующим образом:

edButtons[edButtons.length] =
new edButton('ed_strong'
,'b'
,'<strong>'
,'</strong>'
,'b'
);

Это код кнопки «b». Ничего не мешает нам сделать такую же кнопку с нужным нам кодом. Поэтому делаем копию кнопки «b» и меняем ее:

edButtons[edButtons.length] =
new edButton('ed_addclass1'
,'class1'
,'<div class="class1">'
,'</div>'
,'p'
);

Все. Теперь сохраняем и проверяем в работе. Я проверял на WordPress 2.0.7 и на WordPress 2.2.3.

Единственное чего я не понял — это для чего там буква, ‘b’ (а в моем случае ‘p’). Скорее всего это составляющая комбинаций горячих клавиш.

Черно-белых комментариев: 6

  • arry :

    21.12.2007 в 16:43

    там в верху файла есть описание этой функции с комментариями :)
    это key access, тобишь доступ с клавы :)

    спасибо, как говориться сбылась мечта идиота….

    p.s. тока одного замена кода мало, сразу вы не заметите новую кнопку, надо перейти в режим визуального редактирования в настройках юзера, а потом вернуться обратно. думаю что это связано с кешем.

    p.p.s. по-умолчанию я считал что все посетители - люди серьезные и работают с отключенным визуальным редактором :) )

    ггггггг…..

  • Dark :

    26.12.2007 в 13:52

    Я думаю действительно пригодиться

  • Ромкин :

    14.01.2008 в 03:13

    Спасибо…у меня получилось вои кнопочки замутить:)
    мелочь, а приятно)

  • Oлег :

    20.01.2008 в 16:28

    Здравствуйте! Спасибо вам за ваш блог. Очень нужный!

  • Алексей :

    29.01.2008 в 23:46

    Спасибо за советы

  • Versace :

    4.02.2008 в 16:45

    Огромное спасибо за информацию!

Оставьте черный или белый комментарий :)

HTML: разрешено использование: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>