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

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

About

Document tree for given HTML with BEM errors and headers hierarchy

Topics

Resources

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •