Рубрика: WordPress » Плагины WordPress »

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


Плагин 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;

Скачать плагин можно с сайта автора: Код на страницах вашего сайта. Как я решил эту проблему

Опубликовано в рубрике Плагины WordPress | с метками , . |

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *