0
98
2018-11-19

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

Поиграемся с удалением и добавлением кнопок на панель ввода редактора кода WordPress.
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

Начиная с WordPress 2.8 одной из особенностей CMS является «повышенная скорость области администрирования», в которой приводятся сжатые файлы JavaScript в качестве причины увеличения скорости. Одним из файлов, которые были сжаты, был файл quicktags.js в /wp-includes/js/ каталоге.

Когда вы отключите визуальный редактор, это файл, ответственный за создание кнопок над панелью записи. Ну Вы знаете, кнопки, такие как <b> для <strong> тегов, <i> для <em> тегов, <b-quote> для <blockquote> тегов и т.д. Лично я предпочитаю это визуальному редактору, так как вижу, какие именно теги применяются к моему контенту.

По умолчанию WordPress Quicktags

Но этих кнопок по умолчанию часто недостаточно. Я хотел бы иметь несколько дополнительных кнопок легко доступных для меня, например <h3> - <h3>теги, или которые будут оборачивать текст как <pre>и<code> теги.

Но помните, что в WordPress начиная с версии 2.8 этот quicktags.js файл теперь сжат, поэтому его нельзя легко изменить, чтобы включить эти новые кнопки, как это делалось раньше. К счастью, "создатели" оставили не сжатую версию файла quicktags.dev.js. Чтобы использовать quicktags.dev.js вместо quicktags.js, Вам нужно переименовать quicktags.js файл что - то подобное quicktags.ORIG.js и переименовать quicktags.dev.js в quicktags.js.

Чтобы добавить новую <h3>кнопку, добавьте блок кода, подобный этому, среди всех других подобных блоков кода:

edButtons[edButtons.length] =
new edButton('ed_h3'
,'h3'
,'<h3>'
,'</h3>'
,'h3'
);

Обновите страницу Edit Post, и вы увидите новую кнопку!

Статья была переведена для блога TechBlog.SDStudio.top
Источник: https://digwp.com