возможно заказать разработку или сопровождение, услуги вашего сайта/блога


обновлено: 2022-06-20 в теме: Версии WordPress, Бардачок html php css
Запросто с WordPress создание и продвижение сайтов ATs media

Обновление WordPress 6.0 — перестали работать кастомные кнопки HTML редактора QTags.addButton

Большинство обновлений, каких бы то ни было, как правило приносят неудобства. По меньшей мере приходится с чем-то смиряться, переучиваться, подстраиваться и пр. Не исключение и очередное крупное обновление WordPress 6.0.  Помимо прочего, некоторых пользователей, которые работают со старым кастомезированным текстовым редактором, ждал сюрприз, а именно пропали кастомные — дополнительные кнопки с панели HTML редактора. В общем, неприятная штука!..

 

Когда не отрабатывает QTags.addButton, обратимся к Quicktags API

 

В данном случае есть несколько вариантов решения задачи, рассмотрим их по тексту ниже:

 



 

 

 

 

 

пост посвящен пользователям, которые предпочитают работать не с Gutenberg, а со старым добрым текстовым редактором.

 

 

 

как вернуть кастомные кнопки в HTML редактор после обновления WordPress 6.0 — QTags.addButton

 

 

 

Вот об этих кнопках речь. Дополнительные кнопки добавляются администратором самостоятельно. Такая возможность появилась от версии WP 3.3. Группируются данные опции в Quicktags API. Но обо всем этом в иных тематических статьях. А сегодня нам нужно решить задачу о том, как вернуть свои дополнительные кнопки в HTML редактор после обновления WordPress 6.0?

 

 

WordPress 6.0 - не выводятся кастомные кнопки HTML редактора - QTags.addButton

 

 

Нюансы:

 

а) если вы использовали плагин для организации дополнительных кнопок в HTML редакторе, то, предположительно, что волноваться не следует: после очередного обновления плагина кнопки вновь появятся — заработают в редакторе.

 

 

б) но если в вашем шаблоне обработка кастомных кнопок в HTML редакторе организована посредством кода и шаблон не обновляется, придется немного самостоятельно поправить php сниппет.

 

 

Организуя функциональные кастомные кнопки, обычно используют примерно такую конструкцию:

 

 

add_action('admin_print_footer_scripts', 'buttom_my_quicktags');
function buttom_my_quicktags() {
if ( wp_script_is('quicktags')) {
?><script>

QTags.addButton( 'sdrasty', 'sdrasty', 'Здравствуйте !');

</script><?php } }

 

 

После обновления WP до 6.0 данный сниппет перестанет отрабатывать, кнопки, соответственно, из html редактора пропадут.

 

 

 

к оглавлению

чтобы восстановить привычную кнопочную работу HTML редактора, поступаем так:

 

 

Используем функцию JS:

 

 

window.addEventListener( 'DOMContentLoaded', () => {

действие

});

 

 

…привязываем данную JS функцию к уже существующей. Получится примерно так:

 

 

/*прописка кнопок в редакторе*/
add_action('admin_print_footer_scripts', 'add_my_quicktags');
function add_my_quicktags() {
if ( wp_script_is('quicktags')) {
?>
<script>
window.addEventListener( 'DOMContentLoaded', () => { // обнова ВП 6.0 = перестали выводиться дополнительные кнопки в html редакторе
QTags.addButton( 'sdrasty', 'sdrasty', 'Здравствуйте !');
QTags.addButton( 'Per', 'перенос строки', '&nbsp;\n');
});
</script>
<?php } }
/*прописка кнопок в редакторе*/

 

 

После правок — кнопки в HTML редакторе появятся и снова заработают!..

 

 

Однако, данная выше js функция успешно отработает не во всех вариантах php сниппетов.

 

 

Существует второй вариант js функции, которая поможет вернуть кастомные кнопки в html редактор:

 

 

Теперь поработаем с такой функцией JS:

 

 

window.onload=function() {

действие

}

 

 

Что такое Window.onload() — это собственная JS функция. Важно понимать, что событие window.onload() срабатывает только в том случае, если загружено все содержимое элементов текущей страницы, включая DOM (объектную модель документа), всевозможные блоки внутренней и сторонней рекламы и динамичных изображений…

 

 

Ниже дан рабочий пример кода, при помощи которого в HTML редактор будет встроена кнопка добавления видеоролика YouTube:

 

 

/*КНОПКА ВИДЕО youtube*/
add_action( 'admin_print_footer_scripts', 'ats_html_button_class' );
function ats_html_button_class() {
if ( wp_script_is( 'quicktags' ) ) {
?>
<script>
window.onload=function() { // после обновы ВП 6.0 = перестали выводиться кнопки в html редакторе
QTags.addButton( 'my_prompt', 'YouTube Видео', div_class);
function div_class() {
var new_class = prompt( 'Добавьте финал ссылки видео с YouTube Пример: https://www.youtube.com/embed/это: 21UFzStx1gM', 'замените на свою: 21UFzStx1gM' );
if ( new_class ) { QTags.insertContent('<div class="teni-too"><iframe style="border:0" src="https://www.youtube.com/embed/' + new_class + '?feature=oembed=0&amp;showinfo=0" width="720" height="420" allowfullscreen="allowfullscreen"></iframe></div>');
} } }
</script>
<?php
} }
/*КНОПКА ВИДЕО*/

 

 

Функцию window.onload=function() в код для примера я уже добавил. То есть код совершенно рабочий и в WP 6.0. Изучите внимательно сниппет и, по требованию, реализуйте у себя.

 

 

почитать:

Шорткоды Woocommerce и их применение — полное описание.

14 полезных сниппетов — код для наилучшей работы сайта WordPress — функции…

Страницы пагинации, по этой ссылке подробно разбираем примеры is_paged для странички пагинации…

 

 

 

Если возникнут какие-то вопросы, опишите их в комментариях, или в форме обратной связи. Решим все закавыки…

 

 

А также подписывайтесь на наш новый канал Телеграм — много нового и полезного:

 

 

Телеграм канал подпишись... Все полезное о создании и настройках сайтов на WordPress

 

 

 

Кому интересно — обновления ВП:

Что нового в WordPress 5.6.

В обновлении WordPress 5.5 в ядро (по умолчанию) теперь добавлена WordPress 5.5 wp-sitemap.xml XML-карта сайта. Сторонние плагины для генерации XML-Карты сайта теперь не нужны!

Как добавить (или вернуть) свои кнопки в новый редактор Gutenberg

 

 

 

На этом у меня на сегодня все!.. Удачи и будьте здоровы!..

 

 

 

Создание… продвижение сайтов: студия ATs media запросто с WordPress

 

 

 

 

 


...вопросы в комментариях - помогу, в чём дюжу...
mihalica.ru !


Михаил ATs - владелец блога запросто с Вордпресс - в сети нтернет давным-давно...

...веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети... - заказы, вопросы... разработка...




Нажатия на кнопочки определяют Ваше высокое гражданское сознание

Поделитесь соображениями: Ваши мысли очень важны!

Внимание! Обязательные поля помечены *

  отныне доступен плагин: ats privacy policy ©


  1. Привет, Михаил!
    Совершенно верно: перестали работать!!!!!!!! мне их когда-то кто-то делал в шаблоне (теперь и найти код не могу) не помню уже, а кнопки полезные. Очень полезные. Поможете решить задачу?

    Ответить - Юлия

    • Привет, Юлия!
      Пишите на эл/п — разберемся…

      Ответить - Михаил