За наданим технічним документом був розроблений “Сервіс очищення коду від зайвих html тегів” на cms WordPress.
Для реалізації було використано:
- HTML, BEM
- CSS/SCSS, CSS grid, CSS Flexbox
- JavaScript/js-beautify/DOMPurify
- Адаптивність під всі пристрої
- Принципи SEO-оптимізації
- Кросбраузерність під всі популярні платформи
Опис роботи сервісу
Цей сервіс призначений для швидкого та безпечного очищення HTML-коду, який додається під час вставки тексту з зовнішніх джерел (Word, Google Docs, сайти).
Сервіс працює в двох режимах:
- видає результат у текстовому форматі (без HTML-тегів):
- формат HTML — очищений та збережений згідно з заданими умовами.
HTML-теги які включені у сервіс:
- абзаци <p>
- списки <ul>, <ol>
- заголовки <h1> — <h6>
- зображення <img> з підтримкою вирівнювання по центру
- таблиці <table>
- виділення тексту: <b>, <strong>, <em>
- гіперпосилання <a>
Автоматичне видалення:
- зайвих тегів і стилів (наприклад, з Word, Google Docs, CMS)
- inline-стилів, класів, непотрібних атрибутів
- подвійних пробілів і пустих рядків
Цей інструмент стане корисним всім, хто публікує контент на сайтах, працює з шаблонами e-mail розсилок, або готує HTML-код для CMS.
