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


обновлено: 2024-02-13 в теме: Контент, шапка site
Запросто с WordPress создание и продвижение сайтов ATs media

Как отключить в текстовом визуальном редакторе удаление пустых span тегов

Небольшое уточнение к заглавному имени этой статьи – я бы обозначил так: как отключить в TinyMCE текстовом визуальном редакторе удаление тегов span не имеющих атрибутов свойства.

Т.е. предположим, у вас такая конструкция: <span style= “color:#ccc;”>текст<span>ещё текст или что-то…</span></span> – вы её естественным образом размещаете в html редакторе и сохраняете… Замечательно! Однако стоит переключиться в визуальный редактор – как тут же “пустые <span></span>” спан теги удалены бесследно: конструкция кода (её функционал) перестаёт работать!!

Этакие кодированные фразы много где используются… например, в организованных в статье конструкциях всплывающих подсказок… когда наведение на элемент курсора вызывает появление другого элемента… (ниже, подробнее).

Как отключить удаление тегов span насущный вопрос: отдёрнем занавес тайны сей…


как отключить удаление визуальным редактором тегов span без атрибутов

 

 

 

 

Вряд ли в этом посте стоит перечислять все вариации использования подобных спан тегов… это – неважно! – но важнее этакую функцию удалять безвинные теги <span>text</span> виз. редактором отключить раз навсегда!

 

 

Справедливы восклицания тех, которые, говорят, мол, работать только в html редакторе – это не выход… И я с ними полностью согласен.!. несмотря на заверения многих админов – пользоваться одним хтмл редактором.

 

 

 

Вот чудесный код, который нужно добавить в файл функций или куда-то ещё…

 

 

/** чтоб РЕДАКТОР не удалял теги span без атрибутов */
add_filter('tiny_mce_before_init', 'my_adds_alls_elements', 20);
function my_adds_alls_elements($init) {
if(current_user_can('unfiltered_html')) {
$init['extended_valid_elements'] = 'span[*]';
}
return $init;
}
/** чтоб РЕДАКТОР не удалял теги span без атрибутов */

 

 

 

 

В одной из следующих статей научимся как раз организовывать окна подсказки, применяя подобные теговые span конструкции для всплывающих

 

пример подсказок… всплывающие окна и прочие текстовые пояснения очень полезны в плане логики и юзабилити сайта – подписаться на mihalica.ruКак отключить в текстовом визуальном редакторе удаление пустых span тегов

 

Можете подписаться, чтоб не упустить публикацию…

 


mihalica.ru

 


На этом занавес представления опускается…
…на рампы пыль печальная ложится…

 

Подписаться на life-News ATs media squad
SendPulse - NoSpamX || ATs media ©

 

…если организовались вопросы – задавайте, поясню… Нужно помогать друг дружке!

 


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


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

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





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

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

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

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


  1. Его можно отключить для отдельных записей (страниц или постов), пользователей, категорий и т.д

    Ответить - Сергей

    • В статье говорится о том, как убрать SPAN теги – но не сам редактор отключить!!
      Ссылки я убрал – они не по теме.

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

  2. Спасибо большое. Ваш код помог. У меня была проблем с тегами ссылок. Переделала ваш кусок кода под ссылки – все Ок.

    Ответить - Анна

    • Вам спасибо, Анна, за комментарий… Замечательно, что у вас получилось…

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

  3. Спорный метод. Будет работать до первого обновления вашего Вордпресс. Файл функций перезапишется и всё.
    Вот другой способ. Устанавливаем плагин Advanced TinyMCE Configuration. Активируем, в его настройках выбираем “extended_valid_elements“, в поле “value” пишем просто span. Сохраняем. Работаем.

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

    • Здравствуйте Юлия!!
      Кто вам сказал, будто б при обновлении WordPress перезаписывается файл функций (functions.php темы)?? Это грубейшее заблуждение!..
      Обновление не затрагивает файл функций темы (как и все остальные файлы шаблона).
      Если вы имеете в виду обновление темы, то, в этом случае, админы создают “Дочернюю тему” с “постоянным” файлом функций…
      Так что, описанный метод – БЕССПОРНО – правильный во всех отношениях: плагин для подобных целей – излишнее извращение (на мой взгляд)!

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

      • Да, обновление темы Вордпресс перезапишет файл functions.php
        Можно клон темы сделать, но разве это не извращение ради одного исключения для редактора? Не бесспорно.

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

        • Бесспорно, Юлия! бесспорно…
          …я не знаю, что такое клон темы…

          но разве это не извращение ради одного исключения для редактора

          Для одного исключения вряд ли требуется “Дочка”! – однако, этих исключений для целесообразной работы сайта более чем предостаточно!! и причина не только файл функций! в который, к слову сказать, добавляется много чего… в процессе работы сайта.
          И вот чтобы не шагать “шаг вперёд – два назад” целесообразно, весьма целесообразно сразу же создавать (и активировать) дочернюю тему! Потому как это – основная тема и дочерняя – по сути два разных настроенных (админка – Б.Д.) сайта. И несвоевременная активация Д.т. лишняя трата времени в будущем!
          Вот так вот, Юлия!
          …или вы мне что-то хотите доказать?
          …может, я вас не так понимаю…
          …или вы просто рекламируете плагин.?.

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