Как добавить свою кнопку в редактор WordPress

Когда используешь встроенный редактор WordPress, имеющихся кнопок часто недостаточно, и хочется добавить какие-то стандартные или даже свои пользовательские кнопки. Один из вариантов решения этой проблемы - плагин Kama Quicktags.




Плагин Kama Quicktags добавляет на панель инструментов HTML-редактора WordPress кнопки, которые посчитал полезными автор плагина: "PRE", "codePRE" и "Код в ХТМЛ" (для показа кода в тексте записи или страницы). Кроме того, открыв js-файл этого плагина, можно добавлять свои кнопки по образцу. Например, я в своем блоге Study English Now часто вставляю в статьи тег для фонетической транскрипции <span class="phonetic">[x]</span>. Понятно, что очень удобно иметь соответствующую кнопочку, вставляющую тег с уже прописанным стилем:

edButtons[edButtons.length] =
new edButton('phon','phonetic','<span class="phonetic">','</span>');

Предустановленные кнопки плагина

Кнопки, которые изначатьно добавляет плагин, очень удобны, особенно если на сайте не используется специальный плагин для показа и подсветки кода.
"PRE" - это тег <pre>

"codePRE" - тег <pre lang="php">:

<pre lang="php">
<span class="phonetic">[x]</span>
</pre>

"Код в ХТМЛ" - прямое преобразование спецсимволов кода в HTML-сущности для отображения кода на веб-странице (преобразование, которое выполняет редактор WordPress, часто удаляет некоторые символы):

&lt;pre lang="php"&gt;
&lt;span&gt;[x]&lt;/span&gt;
&lt;/pre&gt;

Скачать плагин можно с сайта автора: [ref url="//wp-kama.ru/id_1/kod-na-stranicax-vashego-sajta-kak-ya-reshil-etu-problemu.html" text="Код на страницах вашего сайта. Как я решил эту проблему"]

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