Як це працює
Кожна опція нижче — незалежний фільтр. Їх можна вмикати в будь-якій комбінації: наприклад, разом прибрати стилі й класи, але зберегти таблиці та посилання.
«Усі теги» — особливий випадок: вона перетворює розмітку на звичайний текст, скасовуючи всі інші налаштування, крім очищення нерозривних пробілів і порожніх рядків.
- Теги з пробілами
- Прибирає зайві пробіли одразу після відкриваючого і перед закриваючим тегом.
- Порожні рядки
- Об'єднує кілька порожніх рядків поспіль в один.
- Усі атрибути, крім href і src
- Знімає id, class, style, data-* та інші атрибути, залишаючи лише посилання та джерела.
- Теги span
- Видаляє обгортки <span> і <font>, зберігаючи текст усередині.
- Порожні теги
- Видаляє теги без вмісту — рекурсивно, за кілька проходів.
- Нерозривні пробіли
- Замінює та символ U+00A0 звичайним пробілом.
- CSS-стилі
- Видаляє атрибут style та теги <style>.
- Порожні атрибути
- Знімає атрибути без значення, наприклад alt="".
- Посилання
- Розгортає <a>, залишаючи текст без посилання.
- Класи та ID
- Прибирає атрибути class та id.
- Таблиці
- Повністю видаляє table, tr, td та інші теги таблиць.
- Форми
- Видаляє form, input, select, button та інші елементи форм.
- JS-скрипти
- Вирізає <script> і <noscript> разом із вмістом.
- Коментарі
- Видаляє HTML-коментарі <!-- ... -->.
- Зображення
- Видаляє теги img, picture і figure.
- Усі теги
- Залишає лише текст, прибираючи взагалі всю розмітку.
Навіщо чистити HTML
Однорідний результат
Word і Google Docs ховають прості абзаци під span, стилі та умовні коментарі. Прибравши це сміття, ви отримуєте однаково чисту розмітку на кожній сторінці.
Менша вага сторінок
Видалення невикористаних класів, порожніх атрибутів і мертвих тегів зрізає зайві кілобайти ще до того, як текст потрапить у CMS.
Безпечна публікація
Скрипти, форми та вбудовані стилі з неперевіреного джерела можуть зламати верстку або створити ризик. Приберіть їх перед публікацією.
Читабельний код
Охайний DOM легше перевіряти, порівнювати та передавати дизайнеру чи іншому розробнику.
Часті запитання
Мій HTML кудись надсилається чи зберігається?
Очищення виконується на цьому сервері лише на час запиту — нічого не зберігається, не логується і не передається третім особам. Щойно відповідь дійшла до браузера, сервер не залишає копії.
Чи можна ввімкнути одразу кілька опцій очищення?
Так — кожна опція є незалежним фільтром, тож можна, наприклад, прибрати стилі й класи, але зберегти таблиці та посилання.
Що станеться, якщо ввімкнути «Усі теги»?
Ця опція скасовує дію всіх інших, крім очищення нерозривних пробілів і порожніх рядків, і перетворює розмітку на звичайний текст.
Чи можна вставляти прямо з Word або Google Docs?
Так — вставляйте як завжди в ліву панель. Інструмент захоплює вихідну розмітку, а не лише текст, тож опціям очищення є з чим працювати.
Як отримати звичайний текст замість HTML?
Після очищення натисніть кнопку «Експорт тексту» у верхній панелі — вона стає активною, щойно результат готовий, і завантажує видимий текст як файл .txt.
Що робить HTMLCleanup і навіщо він потрібен
Скопіюйте абзац із Word, Google Docs чи чужого сайту — і разом із текстом майже завжди приходить розмітка: вкладені span, інлайн-стилі, забуті класи, порожні теги та правила форматування, розраховані на документ, якого вже не існує, щойно текст потрапляє у вашу CMS. HTMLCleanup існує, щоб прибрати це сміття, залишивши лише ту розмітку, яка справді потрібна.
Інструмент влаштований як редактор із двома панелями: вставте або напишіть текст у брудній панелі зліва, позначте вгорі, яку розмітку прибрати, і спостерігайте, як справа формується чистий результат — як живий візуальний перегляд або вихідний HTML, який можна скопіювати, завантажити чи експортувати як звичайний текст. Ніщо з вставленого нікуди не завантажується і не зберігається — очищення виконується в межах одного запиту, а потім зникає.
Можливості
- 16 незалежних фільтрів очищення, які можна комбінувати як завгодно — від видалення інлайн-стилів до перетворення всього на звичайний текст.
- Справжній WYSIWYG-редактор з обох боків — ви бачите відформатований контент, а не стіну тегів.
- Живий візуальний перегляд і перегляд вихідного HTML результату поруч, в одному інструменті.
- Копіювання в один клік, завантаження .html або експорт результату як текстового файлу .txt.
- Нативна підтримка вставки контенту з Word, Google Docs чи будь-якої вебсторінки — з усією звичною розміточною плутаниною.
- Повністю перекладений інтерфейс на п'ять мов — українську, англійську, російську, чеську та іспанську.
- Без реєстрації, без облікового запису, без збереження даних — очищення виконується на льоту, вставлене ніде не логується.
- Форма зворотного зв'язку, якщо ви знайшли баг чи маєте пропозицію, — повідомлення йде напряму тому, хто підтримує інструмент.