Инструкция

Как получить чистый HTML из текста из Word и Google Docs

Прямая вставка из Word добавляет в страницу сотни лишних строк: инлайн-стили, классы Mso, пустые абзацы и служебные теги. Ниже — как получить из того же текста чистый HTML и что проверить перед публикацией.

Поясняющая схема к материалу «Как получить чистый HTML из текста из Word и Google Docs».
Поясняющая схема к материалу «Как получить чистый HTML из текста из Word и Google Docs».

Что Word добавляет в код#

При копировании Word и Google Docs кладут в буфер обмена не только текст, но и HTML-версию фрагмента. В ней к каждому абзацу прикреплены инлайн-стили с размерами шрифта в пунктах, классы вроде MsoNormal, служебные теги и комментарии для самого редактора.

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

Порядок очистки#

  1. Откройте визуальный редактор HTML.
  2. Вставьте текст в левое окно — оно визуальное. Справа сразу появится очищенный код.
  3. Проверьте структуру: заголовки, списки и ссылки должны остаться на месте, а стили и классы — исчезнуть.
  4. Доработайте разметку кнопками панели или прямо в окне кода: окна синхронизируются в обе стороны.
  5. Заберите результат кнопкой «Копировать HTML» или «Скачать .html».

Очистка срабатывает и при обычной вставке (Ctrl+V), и при переключении в окно кода: редактор убирает скрипты, стили, классы и теги, которые не относятся к содержимому.

Что остаётся после очистки#

Сохраняются структурные элементы: абзацы, заголовки H1–H6, маркированные и нумерованные списки, цитаты, таблицы, ссылки и выделение текста. У ссылок остаётся только адрес, у изображений — src и alt.

Удаляются скрипты, инлайн-стили, классы, идентификаторы, data-атрибуты и служебные комментарии. Ссылки с javascript:-адресами вырезаются полностью.

Что проверить перед публикацией#

Редактор выдаёт фрагмент для тела страницы. Title, description и canonical добавляются шаблоном сайта — их примерный вид в выдаче покажет превью сниппета, а полный разбор готового кода — инструмент разбора HTML.

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

Источники#

Проверены 1 ноября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.

Продолжить разбор