Почніть вводити код, відкрийте файл або приклад, щоб побачити перегляд.
Редактор HTML, форматування й мініфікація
Цей редактор HTML онлайн показує ваш HTML, CSS і JavaScript як живу сторінку, що оновлюється під час введення. Код можна відформатувати, мініфікувати й перевірити, а потім завантажити файл .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». Тоді скрипти працюють у пісочниці без доступу до цього сайту; якщо цикл заморозив перегляд, вимкніть перемикач.