Преобразование HTML в формат Pug

Преобразует HTML-разметку в синтаксис шаблонов Pug (ранее Jade) с помощью браузерного DOMParser. Конвертер создаёт чистую краткую запись Pug: теги div опускаются, когда у них есть класс или id, классы превращаются в селекторы .class, id — в селекторы #id, а остальные атрибуты выводятся в скобках.

1. Вставьте HTML в текстовое поле HTML Input. 2. Установите Размер отступа (1-8) и при необходимости переключите Использовать табуляцию и Одинарные кавычки. 3. Нажмите Конвертировать. 4. Используйте Копировать на карточке Pug Output, чтобы скопировать результат.

Отступ использует настроенное количество пробелов или один символ табуляции. Значения атрибутов используют одинарные или двойные кавычки в зависимости от опции Одинарные кавычки. Атрибуты class и id преобразуются в краткую запись .class / #id и удаляются из списка атрибутов; атрибут style сохраняется как style="..." после скобок. Пустые элементы без дочерних узлов (img, br, input, hr, meta, link и т. д.) самозакрываются с завершающим /. Один текстовый дочерний элемент размещается inline после тега; несколько дочерних элементов вкладываются в следующие строки. Самостоятельные текстовые узлы предваряются вертикальной чертой (| ).