Очистка форматирования текста от HTML и мусора Word/Google Docs
Убирает из вставленного текста стили, классы и обёртки Word. На выходе чистый текст или минимальная разметка: абзацы, списки, ссылки, жирный и курсив.
Статью писали в Google Docs, согласовали и вставили в CMS. На сайте она поехала: у одного абзаца чужой шрифт, у другого белый фон, межстрочный интервал приехал из Word. А в коде страницы вместе с текстом приехала гора служебной разметки.
Виноват буфер обмена. Вместе с текстом он тащит инлайновые стили mso-, обёртки span, служебные теги вида o:p и комментарии. Вставьте такой кусок в поле выше и заберите то же самое, но без мусора.
Кому это нужно
Контент-менеджерам, которые переносят статьи из документов в CMS. SEO-специалистам: раздутый код мешает разбирать страницу и утяжеляет её. Email-верстальщикам, потому что в письме мусор из Word ломается ещё веселее, чем на сайте.
Как работают четыре галочки
Все четыре включены по умолчанию, и в таком виде инструмент делает то, чего от него ждут чаще всего.
- Сохранять базовое форматирование. Оставляет абзацы, жирный, курсив, ссылки, списки и переносы строк. Снимите галочку, если нужен голый текст без единого тега.
- Удалять атрибуты style и class. Выносит из тегов инлайновые стили и классы чужой вёрстки.
- Убирать мусор Word и Google Docs. Разворачивает обёртки span, выбрасывает объявления mso- и служебные теги редакторов.
- Схлопывать лишние пробелы и пустые строки. Двойные пробелы сводятся к одному, три и больше пустых строк к двум.
Результат пересчитывается сразу, и пока печатаете, и когда щёлкаете галочку. Счётчики «Символов до» и «Символов после» показывают, сколько ушло.
Что делать с результатом
Когда форматирование сохранено, на выходе лежит HTML-код. В поле результата вы увидите теги как текст, и это нормально. Вставлять его нужно в режим исходного кода вашего редактора: в визуальном теги так и останутся тегами.
Нужен обычный текст? Снимите первую галочку, и результат можно класть куда угодно.
Чего инструмент не сохранит
- Заголовки и таблицы. В безопасный набор входят абзацы, списки, жирный, курсив и ссылки. Заголовок h2 станет обычной строкой, ячейки таблицы склеятся подряд. Размечать заново придётся руками.
- Картинки. Тег img в результат не попадает, остаётся только текст вокруг него.
- Скрипты и встройки. Теги script, style, iframe и соседние по смыслу выбрасываются вместе с содержимым. Это защита: чужой код не должен приезжать в вашу статью.
- Ссылки на javascript. Такой адрес не переносится, текст самой ссылки остаётся.
Перед работой поставьте галочку согласия над формой, иначе поле ввода заблокировано. Текст никуда не уходит: разбор идёт у вас в браузере через DOMParser. Вставьте свой кусок и сравните счётчики до и после.
Частые вопросы
Мой текст отправляется куда-то на сервер?
Нет, вся обработка происходит локально в вашем браузере с помощью DOMParser — текст никуда не передаётся и не сохраняется.
Что делать, если нужно сохранить жирный текст и ссылки?
Включите опцию «Сохранять базовое форматирование» — тогда останутся только теги p, b, i, a, списки и переносы строк, всё остальное будет убрано.
Почему в результате видны HTML-теги как текст, а не как форматирование?
Результат — это исходный код (HTML-разметка), который можно вставить в редактор с поддержкой HTML-кода вашей CMS; в обычном текстовом поле он будет показан как обычный текст.