Как обнаружить скрытый символ в разметке?

Question

[weranda]

Приветствую
Столкнулся с таким впервые и не знаю что делать. Ситуация такая:
Есть HTML страница со словом, внутри этого слова есть некий скрытый символ под названием скрытый перенос.
Есть открыть доумент в редакторе, то картина будет такая:

На первый взгляд ничего странного.
Откроем исходный код страницы в Chrome:

На второй взгляд тоже ничего странного, ни в предыдущем, ни в этом случаях вообще ничего подозрительного.
Смотрим как этот код выглядит в браузере, а выглядит он вот так:

И опять все в норме, но на самом деле не все в норме. Если открыть инструменты разработчика в Chrome, то мы увидим код этого скрытого переноса, вот он:

Все это я выложил на Codepen.
Как отловить этот код, найти и заменить его я не представляю. Если скачать страницу и попытаться найти HTML сущность этого кода ­, то он не найдется. Так как ни один редактор, который есть у меня на компе просто не видит его. Может быть я как-то не так ищу?!

Answer 1

[Stalker_RED]

Этот символ используется уже лет 20
https://en.wikipedia.org/wiki/Soft_hyphen

Что именно вы хотите с ним сделать и зачем?

Сам символ полдезный, вот сравните два текста одинаковых, но один с мягким переносом, а другой без

Comments

[weranda]

Найти его в коде и удалить.

[Алексей Ярков]

weranda,
Вот же он )) Чего его искать?

[Stalker_RED]

weranda, Так пойдет?
string.replace(/\u00AD/g, '')
Вы вообще со всем юникодом будете сражаться, или этому символу особенно повезло? )

А редакторы видят. Большинство показывают его как перенос или как middle dot. В некоторых для этого нужно подсветку спецсимволов включить.

[weranda]

Алексей Ярков, Спасибо. Как-то странно он выглядит в разных редакторах. Тут кружочек, там черточка, а где-то еще вообще не виден.

[weranda]

Stalker_RED, Так не пойдет. Представьте, что в документе не одно слово, а тысяча. Перекодировать такой объем в юникод, а потом обратно — дело накладное. Подошел вариант Алексей Ярков

[Алексей Ярков]

weranda, какой вариант? О_о Я просто заскринил как у меня в CodePen отображается. Если что, то я не при делах ))

[weranda]

Алексей Ярков, Вариант поиска искомого символа. Я его просто скопировал и вставил в в регулярку для замены.

[Алексей Ярков]

weranda, ну ОК. Рад, если помог чем-то.

[Stalker_RED]

weranda, а раньше что мешало его скопировать?
И вообще, вы делаете что-то странное. Люди старались, проставляли эти переносы (ну или использовали для этого какую-то программку) а вы ломаете.

[weranda]

Stalker_RED, Раньше я его не видел.

[NewDevLab]

И вообще, вы делаете что-то странное.

Stalker_RED, чужие тексты он копирует, которые защищаются подобным способом.

[Stalker_RED]

NewDevLab, а в чем состоит защита? Если текст не рерайтят, то его и так можно узнать.
Ну и логичнее было бы делать фингерпринт всякими совсем невидимыми символами типа zero-width space.

Answer 2

[Евгений Вольф]

Так как ни один редактор, который есть у меня на компе просто не видит его. Может быть я как-то не так ищу?!

Видимо так. У меня Notepad++ видит его, выглядит он вот так:

К CodePen'е он кстати тоже отображается (у меня по крайней мере). В Notepad++ его видно даже с настройками "по умолчанию", но, вы дополнительно можете включить отображение всех символов: Меню -> Вид -> Отображение символов -> Отображать все символы. Подобный режим есть во многих других редакторах, например, этот символ так же отображается в PhpStorm (и наверняка во всех остальных IDE от JetBrains).

Сам по себе символ, который Вы обозначили - это т.н. "мягкий перенос" и обычно такие символы в HTML-коде записываются кодом. Подробности тут.

P.S. Если у вас задача состоит в том, что бы "найти" и удалить все подобные символы "руками" - достаточно открыть соотв. файлы в Notepad++ (или попытаться включить в вашем редакторе отображение непечатаемых символов).