Визуальный HTML-редактор
Пишете как в текстовом редакторе — получаете готовый HTML. Второе окно с кодом, живая синхронизация и чистка мусорной разметки после Word
Код HTML
правится прямо здесьЧистка кода ?
Главная работа начинается после вставки текста из Word или из другого редактора. Вместе с текстом оттуда приходит разметка со шрифтами, отступами и служебными классами, из-за которой на сайте абзацы выглядят иначе, чем в остальном тексте страницы.
Чистка разбирается с этим по пунктам, и каждый включается отдельно: убрать style, убрать class и id, развернуть пустые span, удалить пустые теги, заменить b и i на strong и em, вернуть обычные пробелы вместо неразрывных, вырезать комментарии.
Правки видно сразу с обеих сторон, поэтому код можно не только забрать, но и поправить руками, а результат тут же увидеть глазами.
Под кодом идёт счётчик: сколько знаков в коде, сколько тегов и сколько остаётся текста без разметки. По нему заметно, когда на страницу вставили килобайт разметки ради двух абзацев.
Готовое забирается тремя способами: копированием кода, скачиванием файла .html или переносом текста прямо из окна.
Оцените инструмент
Помогите нам стать лучше
Ваша оценка на Яндексе окажет нам поддержку!
Оставить оценку на ЯндексеРасскажите, чего не хватило.
Другие инструменты
Специальные символы HTML
487 знаков в двенадцати разделах, с копированием щелчком
Код цвета HTML
Код цвета в HEX, RGB, HSL и HSB, с проверкой контраста
Эффект стекла в CSS
Стекло с проверкой читаемости надписи и запасным вариантом
Конвертер CSS в SCSS и обратно
CSS в SCSS со вложенностью и обратно, со сверкой результата
Конструктор сеток CSS Grid
Сетка под три экрана с готовым HTML и проверкой порядка блоков
Генератор CSS-градиентов
Градиент без серой середины, с проверкой читаемости текста
Генератор теней box-shadow
Тень слоями, с предпросмотром на двух фонах и проверкой видимости
Конвертер цветов
Цвет в десяти записях, с проверкой охвата sRGB и P3