Ох уж эти «скрытые» символы или почему WordPress вставляет nbsp

Моя цель - предложение широкого ассортимента товаров и услуг на постоянно высоком качестве обслуживания по самым выгодным ценам.

Однажды один мой знакомый обратился к мне с вопросом, почему на смартфоне текст его сайта на WordPress “вылезает” за экран, перенос не срабатывает.

Мне стало интересно и я приступил к расследованию.

Первое: Я стал проверять поступившую информацию, и да - она подтвердилась.

Второе: В визуальном редакторе перешел в режим HTML

В режиме HTML я увидел примерно следующее:

Третье: Эта штука   ни что иное как:

Nbsp (англ. non-breaking space) — символ неразрывного пробела в тексте. В отличие от обычного пробела, не даёт программам отображения и печати разорвать строку в месте, где расположен. 

Виновник был найден.

Четвертое: В режиме визуального редактирования никаких nbsp нет.

Пятое: Ох уж этот гугль.

Я стал искать через гугль что то про "WordPress вставляет nbsp в текст." и нашел массу страниц на которых обсуждается это вот уже десяток лет.

Например:

или:

Получается,  что для того чтобы как то побороть этот nbsp придумывают специальные функции в php и прочие фокусы обвиняя WordPress в том, что "WordPress вставляет nbsp" вместо пробела на свое усмотрение.

Шестое: Разбираемся. Когда я набирал текст на клавиатуре, то при переходе в режим редактирования HTML и обратно никаких "фокусов" не было. А вот при работе с текстом на который указывал приятель - ситуация подтверждалась.

Начинаем охоту за nbsp.

Седьмое: Для поиска скрытых символов я решил воспользоваться приложением Notepad++ там в отличии от обычного блокнота из Windows есть соответствующая функция.

включаем

Как говорится - "узрите разницу".

Восьмое: Адвокат WordPress

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

Эксперимент с Notepad++ показал что этот NBSP был в этом тексте. Но в режиме визуального отображения отличить обычный пробел от неразделяемого пробела не представилось возможным. И поэтому вина пала на WordPress который по сути работал ровно так как и должен. Если ему вставляют NBSP то он есть если вставляют простой пробел - то он и есть. И никаких "фокусов" по сути не нужно. Нужно контролировать что вставляется.

Девятое: Что ж делать.

И так задача - заменить непереносимый пробел на обычный - на котором система может сделать перенос текста.

Тут нам на помощь вновь приходит Notepad++

В графе 1 - найти вставляем NBSP - (можно скопировать из самого текста).

В графу 2 - заменить на: вставляем просто пробел с клавиатуры.

Жмем кнопку заменить всё.

И получаем текст с обычными пробелами вместо непереносимых.

Далее вставляем этот текст на сайт через редактор WordPress. И ничего никуда на телефоне не уезжает за экран. - Profit!

https://www.scorpey.ru/2026/04/wordpress.html

Источник: https://habr.com/ru/articles/1025762/


Интересные статьи

Интересные статьи

Cloudflare представила новое дополнение к своему сервису robots.txt — политику Content Signals Policy. Эта бесплатная функция помогает владельцам сайтов лучше контролировать, как компании, работающие ...
Каждый 3D-печатник должен посадить дерево напечатать что-то из PLA, ABS, PETG и, конечно же, из TPU (ну ок, ещё SBS Glass, но сегодня не о нём речь). И вот с этим последним пунктом, как правило,...
Эксперты Positive Technologies обнаружили уязвимость в системе управления сайтом «1С‑Битрикс: Управление сайтом», похожая уязвимость была выявлена в «Битрикс24» в начале 2023 года....
Недавно на проекте интегрировал модуль CRM Битрикса c виртуальной АТС Ростелеком. Делал по стандартной инструкции, где пошагово показано, какие поля заполнять. Оказалось, следование ей не гаран...
Устраивать конкурсы в инстаграме сейчас модно. И удобно. Инстаграм предоставляет достаточно обширный API, который позволяет делать практически всё, что может сделать обычный пользователь ручками.