Начните вводить код, откройте файл или загрузите пример, чтобы увидеть предпросмотр.
Редактор HTML, форматирование и минификация
Этот редактор HTML онлайн показывает ваш HTML, CSS и JavaScript как живую страницу, которая обновляется по мере ввода. Код можно отформатировать, сжать и проверить, а затем скачать файл .html — все остается в браузере.
Обновлено:
Как это работает
Введите код или откройте файл
Пишите прямо в панели кода, вставьте разметку, перетащите файл .html или начните с кнопки «Загрузить пример».
Следите за предпросмотром
Предпросмотр обновляется по мере ввода. Переключайте ширину: «Вписать», «Компьютер», «Планшет» и «Телефон».
Форматируйте, сжимайте, скачивайте
Вкладка «Форматирование» выравнивает разметку, «Минификация» уменьшает файл, «Проверка» находит незакрытые теги. Затем нажмите «Скачать .html».
Возможности
Автодополнение и автозакрытие тегов
Подсказки для тегов и атрибутов, автоматические закрывающие теги, подсветка парных скобок, сворачивание блоков, поиск и замена.
Живой предпросмотр в песочнице
Страница отрисовывается в изолированном фрейме. Скрипты выполняются, только если включить «Выполнять JavaScript», и даже тогда не видят этот сайт, ваши cookie и хранилище.
Форматирование HTML
Неаккуратная разметка получает отступы в 2 или 4 пробела либо табуляцию, по желанию — с переносом длинных строк. Повторное форматирование дает тот же результат.
Минификация HTML
Лишние пробелы схлопываются, комментарии удаляются, встроенные CSS и JavaScript сжимаются; экономия размера показывается сразу.
Базовая проверка
Список незакрытых и лишних тегов, повторяющихся id и атрибутов. Щелчок по пункту переносит к нужной строке.
Ширина устройств
Предпросмотр на 1280, 768 и 375 пикселей или в отдельной вкладке.
Ограничения и конфиденциальность
Документ может занимать до 5 MB. Для документов больше 2 MB подсветка синтаксиса, автодополнение и живой предпросмотр отключаются, чтобы страница не тормозила; обновить предпросмотр можно кнопкой «Обновить предпросмотр». Черновик сохраняется только для документов до 1 MB.
Проверка смотрит на структуру тегов, id и атрибуты — это не полная валидация W3C. Форматирование и минификация выполняются в фоновом потоке на вашем устройстве. Внешние изображения и стили страницы можно заблокировать. Подробнее — на странице о конфиденциальности.
Частые вопросы
Как отредактировать HTML-файл онлайн?
Нажмите «Открыть файл» или перетащите файл .html на панель кода, внесите правки и нажмите «Скачать .html». Файл читается в браузере и не загружается на сервер.
Этот онлайн-редактор HTML бесплатный?
Да. Без регистрации и без водяных знаков.
Можно ли править HTML на Mac, iPhone или Android?
Да. Редактор работает в Safari, Chrome, Edge и Firefox. На телефоне переключайтесь между вкладками «Код» и «Предпросмотр».
Как редактировать HTML в Chrome без расширений?
Откройте эту страницу в Chrome: здесь есть редактор кода с живым предпросмотром, так что ни расширение, ни инструменты разработчика не нужны.
Можно ли изменить HTML страницы с сайта?
Сохраните страницу из браузера как файл .html, откройте его здесь и правьте код.
Пропадет ли код, если закрыть вкладку?
Нет. Документы до 1 MB хранятся как черновик в этом браузере и восстанавливаются при следующем визите. Кнопка «Удалить черновик» стирает его.
Выполняет ли редактор JavaScript?
Только если включить «Выполнять JavaScript». Скрипты работают в песочнице без доступа к этому сайту; если цикл заморозил предпросмотр, выключите переключатель.