Как использовать HTML-редактор
Вводите текст прямо в поле редактора — работает как обычный текстовый редактор. Выделяйте текст мышью и нажимайте кнопки форматирования: B — жирный, I — курсив, H2/H3 — заголовки, кнопки списков, U — подчёркнутый. Кнопка 🔗 создаёт ссылку из выделенного текста. По завершении нажмите «Получить HTML-код».
Поддерживаемые форматы
- Жирный и курсив — теги <strong>, <em>
- Заголовки H2 и H3 — структура статьи
- Маркированный и нумерованный список — <ul>, <ol>
- Цитата — <blockquote>
- Ссылки с указанием URL — <a href=»…»>
- Выравнивание текста — по левому, центру, правому краю
Работает на основе стандартного браузерного API contenteditable + document.execCommand — без загрузки на сервер.
Часто задаваемые вопросы
Можно ли вставить текст из Word в HTML-редактор?
Да. Скопируйте текст из Word (Ctrl+C) и вставьте в редактор (Ctrl+V). Базовое форматирование — жирный, курсив, списки — обычно переносится. Если Word вставил лишние стили (цвет шрифта, нестандартные классы), воспользуйтесь кнопкой «Tx» (Удалить форматирование) чтобы очистить всё до чистого текста, и отформатируйте заново.
Как добавить HTML-код в WordPress?
Скопируйте HTML из редактора. В Gutenberg: добавьте блок «Произвольный HTML» и вставьте код. В классическом редакторе: переключитесь на вкладку «Текст» (HTML) и вставьте. Для лендингов и страниц с нестандартным кодом блок «Произвольный HTML» предпочтительнее — Gutenberg не перезапишет разметку.
Почему кнопки форматирования иногда не работают?
Для работы кнопок редактора курсор должен находиться внутри поля ввода — кликните в область редактора перед нажатием кнопки. Браузеры Safari иногда имеют ограничения с execCommand — используйте Chrome или Firefox для наилучшей работы. Для создания ссылки обязательно выделите нужный текст перед нажатием 🔗.
Чем этот редактор лучше онлайн-конвертеров Word to HTML?
Онлайн-конвертеры Word to HTML переносят все стили Word (цвет, кегль, межстрочный интервал) в inline CSS — получается замусоренный код. Наш редактор генерирует чистый семантический HTML без лишних стилей: только <strong>, <em>, <h2>, <ul>, <a> и другие стандартные теги. Это идеально для вставки в WordPress и другие CMS.
