! Запросто с WordPress - доступная ручная работа по правилам оптимального интернета

Здравствуйте ! (извините за рекламу...)
написано: — 
отредактировано: 2019-03-31
издатель:  в теме: Контент, шапка site: кодингS 8 комментариев
 
Запросто с WordPress - студия ATs media fashion Reception WordPress golden

Как отключить в текстовом визуальном редакторе удаление пустых 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 fashion squad
SendPulse - NoSpamX || Михалика ©

 

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

 


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


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

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


Нажатия на кнопочки определяют Ваше высокое гражданское сознание
Удачи в работе и творчестве..!
 ! самое читаемое:
↔ перетаскивайте ленту ↔

смотреть ещё статьи в теме Контент, шапка site: кодингS
меточная навигация:


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

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

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

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

 необходимо принять правила конфиденциальности и пользовательского соглашения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          Ответить - Михаил
Яндекс.Метрика
? основная линейка услугSkype консультацияЕсли вы выбрали для своего сайта WordPress и только-только начинаете изучать панель управления контентом, то этот вариант оnline консультаций — практически по любым вопросам — для вас! вопросы сюдаSkype онлайн