Добавление и удаление кнопок в панели редактора WordPress
Поиграемся с удалением и добавлением кнопок на панель ввода редактора кода WordPress.
Начиная с WordPress 2.8 одной из особенностей CMS является «повышенная скорость области администрирования», в которой приводятся сжатые файлы JavaScript в качестве причины увеличения скорости. Одним из файлов, которые были сжаты, был файл quicktags.js в /wp-includes/js/ каталоге.
Когда вы отключите визуальный редактор, это файл, ответственный за создание кнопок над панелью записи. Ну Вы знаете, кнопки, такие как <b>
для <strong>
тегов, <i>
для <em>
тегов, <b-quote>
для <blockquote>
тегов и т.д. Лично я предпочитаю это визуальному редактору, так как вижу, какие именно теги применяются к моему контенту.
Но этих кнопок по умолчанию часто недостаточно. Я хотел бы иметь несколько дополнительных кнопок легко доступных для меня, например <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