Конвертер Word в HTML

Как перевести документ Word в HTML

1. Скопируйте текст в Word, Google Docs, LibreOffice или Pages и вставьте его в редактор сочетанием Ctrl+V (⌘+V на Mac). Служебная разметка уберётся сразу при вставке.
2. Или откройте файл .docx — перетащите его на область над редактором. Так переносятся и картинки: они встраиваются в код, а при скачивании складываются в папку images.
3. Проверьте код в режиме «Рядом» или «HTML-код». Отметьте нужные пункты очистки и нажмите «Очистить отмеченное».
4. Заберите результат: скопируйте HTML в CMS, скачайте его файлом или сохраните текст обратно в формате Word.

Что Word добавляет в HTML и почему это вредно

Текст, скопированный из Word, выглядит на экране аккуратно, но в коде за ним стоит много служебной разметки. Каждый абзац получает класс вроде MsoNormal, каждая строка — стиль со шрифтом и размером в пунктах, а между ними попадаются теги <o:p>, условные комментарии <!--[if gte mso 9]> и XML-блоки с настройками документа. Код одного абзаца легко вырастает в три-четыре раза.

• Вёрстка сайта ломается. Встроенные стили перебивают CSS темы: в статье появляются чужие шрифты, отступы в пунктах и чёрный текст, который не виден в тёмной теме.
• Списки перестают быть списками. Word оформляет маркированный список абзацами с отступом и символом «·» в отдельном теге. Для браузера и поисковика это просто строки с точками.
• Страница тяжелеет. Лишний код увеличивает вес страницы и мешает редактировать текст в CMS.

Что делает конвертер

• Чистит вставку из Word и Google Docs: убирает классы Mso, свойства mso-*, атрибуты lang, служебные теги и комментарии. Жирный и курсив, заданные через стили, превращаются в теги <strong> и <em> и не теряются.
• Восстанавливает списки — собирает абзацы-пункты Word в настоящие <ul> и <ol>, включая вложенные уровни.
• Открывает .docx со стилями заголовков, таблицами, ссылками, сносками и картинками.
• Очищает код по пунктам: стили, классы, пустые теги, неразрывные пробелы, span-обёртки, атрибуты. Каждый пункт можно применить отдельно.
• Форматирует и сжимает HTML: расставляет отступы по вложенности или собирает код в одну строку.
• Сохраняет в Word: кнопка «Скачать .docx» собирает настоящий документ со стилями «Заголовок 1–6», списками, таблицами, ссылками и картинками. Его открывают Word, LibreOffice и Google Docs.

Как получить хороший результат

Размечайте заголовки в Word стилями «Заголовок 1», «Заголовок 2», а не крупным жирным шрифтом. Тогда в HTML они станут тегами <h1>–<h6>, а это важно и для поисковиков, и для экранных дикторов. Списки делайте кнопками списков, а не вручную набранными дефисами.

Для статьи на сайте обычно достаточно пунктов очистки, отмеченных по умолчанию: оформление возьмёт на себя CSS сайта. Если нужно сохранить цвета или выравнивание из документа, снимите галочку «Убрать встроенные стили».

Конфиденциальность

Документ обрабатывается кодом страницы прямо в вашем браузере. Файл не загружается на сервер, текст не попадает в логи. Последний вариант хранится только в локальном хранилище браузера, чтобы не пропасть при случайном закрытии вкладки, — кнопка «Очистить всё» удаляет и его.

Частые вопросы

Другие инструменты

Все инструменты для разработчиков