Как пользоваться
- В разделе «Расположение» выберите «Рядом», чтобы открыть обе панели.
- Вставьте HTML-код в редактор кода.
- В поле «Стиль кода при синхронизации» выберите «С форматированием (2 пробела)» или «Компактно».
- Отредактируйте текст в визуальном редакторе: изменения появятся в коде.
- Снимите выделение и нажмите Ctrl+Shift+C или Cmd+Shift+C, чтобы скопировать HTML.
Примеры
Очистка объявления из Word
<p class="MsoNormal" style="margin:0;mso-margin-top-alt:auto"><b>Собрание жильцов</b><o:p></o:p></p> <p class="MsoNormal" style="font-family:Calibri">Встречаемся 15 октября в 19:00 у первого подъезда.</p>
<p><strong>Собрание жильцов</strong></p> <p>Встречаемся 15 октября в 19:00 у первого подъезда.</p>
Удаление лишней разметки из описания товара
<p class="product-text" style="color:#333"><span>Керамическая кружка, 350 мл</span></p> <p></p> <p><a href="https://example.ru/dostavka" class="button" target="_blank">Условия доставки по России</a></p>
<p>Керамическая кружка, 350 мл</p> <p><a href="https://example.ru/dostavka">Условия доставки по России</a></p>
Частые вопросы
Можно ли запускать JavaScript в HTML-редакторе?
JavaScript не выполняется ни в визуальном редакторе, ни в предпросмотре. Скрипты остаются в коде до визуального редактирования; после него неподдерживаемая разметка удаляется. Для запуска JavaScript используйте инструмент «Просмотр HTML».
Какие файлы можно открыть и есть ли ограничение по размеру?
Можно открыть .html, .htm, .xhtml и .txt размером до 10 МБ. Файлы Word напрямую не открываются: скопируйте текст из Word или Google Docs и вставьте в визуальный редактор. При объёме кода свыше 2 МБ автоматическая синхронизация панелей приостанавливается.
Куда сохраняется текст и отправляется ли он на сервер?
Редактирование и очистка выполняются в браузере; код инструмента не отправляет документ на сервер. Черновик сохраняется в localStorage этого браузера, если браузер не блокирует хранилище. Внешние изображения и другие ресурсы загружаются с исходных адресов, поэтому их серверы могут видеть ваш IP-адрес.
Почему изображения из Word не вставляются?
Изображения с локальными адресами file: и cid: удаляются при вставке: разместите их на своём сайте и вставьте по URL. Встроенные изображения data: размером больше 1 МБ тоже пропускаются.