Skip to content

Document tree for given HTML with BEM errors and headers hierarchy

Notifications You must be signed in to change notification settings

yoksel/html-tree

Folders and files

NameName
Last commit message
Last commit date

Latest commit

749c3af · Oct 19, 2021

History

92 Commits
Jul 18, 2020
Jul 18, 2020
Aug 30, 2021
Jul 18, 2020
Jul 18, 2020
Jul 7, 2016
Jul 18, 2020
Jul 18, 2020
Aug 29, 2021
Jul 18, 2020
Aug 29, 2021
Aug 29, 2021

Repository files navigation

html-tree

http://yoksel.github.io/html-tree/


RU | EN ↓

Генератор дерева на основе HTML-разметки.

Вставьте в левое поле HTML-код, и справа появится дерево документа в виде вложенных списков:

Генератор дерева на основе HTML-разметки

Бонусом делается простая проверка БЭМ-нотации и иерархии заголовков:

Подсветка БЭМ-ошибок

Кликните по классу, чтобы подсветить его:

Выборочная подсветка кода


RU ↑ | EN

HTML Tree Generator

Insert the HTML code to the left textarea, and the document tree will appear on the right as nested lists:

HTML Tree Generator

As a bonus there is a simple check of BEM notation and header hierarchy:

Highlighting errors

Click on class to highlight it:

Highlighting classes