Кнопка в редакторе wordpress, выполняющая любую функцию

Кнопка в редакторе wordpress, выполняющая любую функцию, позволяет значительно расширить функционал редактора. Можно добавлять различные отметки, например «проверенно редактором» и еще многое другое.

Ранее я рассказывала как добавить кнопку в редакторе wordpress, которая вставляет в тело статьи любой html и css код. В этой статье я расскажу как добавить кнопку, которая будет выполнять js скрипт.

Для тех, кто еще не знает как подключить дополнительные кнопки в редакторе wordpress, советуем прочитать статью «Как добавить свою кнопку в редактор wordpress и упростить набор часто используемого кода»

Теперь разберемся как добавить выполнение скрипта, по нажатию на кнопку.

Для этого необходимо добавить в файл functions.php следующий код

add_action( 'admin_print_footer_scripts', 'func_test');
function func_test () {
if ( wp_script_is('quicktags') ) :
?>;
<script type="text/javascript">
QTags.addButton( 'func', 'кнопка в редакторе', func_popup);
function func_popup () { alert('Функция успешно выполнена'); }
</script>
<?php endif;
}

Подключение кнопки не изменилось, мы все также использует quicktags, в теге скрипт идет перечисление кнопок, но если раньше мы писали кнопки подряд (смотри статью про подключение кнопок), то теперь, после необходимой кнопки, прописываем функцию.

  • func — служебное название кнопки, оно может быть любым, но обязательно на английском (или транслите, русский смысл, но английскими буквами)
  • кнопка в редакторе — название кнопки в редакторе, которое будет видеть пользователь
  • func_popup — название функции, которую будет выполнять кнопка.

Стоит заметить, что так можно подключить любую возвратную функцию и значительно расширить функционал редактора wp.

Поделиться в социальных сетях: