Визуальный HTML-редактор

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

Код HTML

правится прямо здесь

Чистка кода ?

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

Чистка разбирается с этим по пунктам, и каждый включается отдельно: убрать style, убрать class и id, развернуть пустые span, удалить пустые теги, заменить b и i на strong и em, вернуть обычные пробелы вместо неразрывных, вырезать комментарии.

Правки видно сразу с обеих сторон, поэтому код можно не только забрать, но и поправить руками, а результат тут же увидеть глазами.

Под кодом идёт счётчик: сколько знаков в коде, сколько тегов и сколько остаётся текста без разметки. По нему заметно, когда на страницу вставили килобайт разметки ради двух абзацев.

Готовое забирается тремя способами: копированием кода, скачиванием файла .html или переносом текста прямо из окна.

Оцените инструмент

Помогите нам стать лучше

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