Есть-ли некий визуализатор html?

Question

[Рома]

Добрый день, меня интересует наличие некой либы или плагина для отображения структуры кода, допустим в textarea, то бишь, загрузив туда к примеру табличную структуру, либа/плагин, её анализируют и расставляют пробелы в местах вложений.Данная либа/плагин должны выступать визуализатором на SPA. Найти увы не могу, даже не могу вменяемо загуглить начал писать свой, но это будет долго, может есть готовый солюшен?

Comments

[Владимир]

https://highlightjs.org/

[Рома]

Владимир: Воу, походу то что искал, спасибо огромное.

Answer 1

[xmoonlight]

для отображения структуры кода, допустим в textarea, то бишь, загрузив туда к примеру табличную структуру

вот тут не уловил...
Есть prismjs.com (+плагины)
Есть https://github.com/christiaan/tinymce-codemirror
Если хотите чтобы при вводе/редактировании отодвигались отступы: https://github.com/tinymce-plugins/codemagic
UPD: Подобный аналог: www.cleancss.com/html-beautify

Comments

[Рома]

К примеру есть некий textarea на него навешен функционал библиотеки, если вкинуть туда к примеру "грязный" HTML без табуляции и переносов, есть возможность его перегенерировать в чистый "HTML" аналог https://www.dirtymarkup.com/

[xmoonlight]

Рома: в codemagic есть плагин buitify.js только вот не проверял как он работает: в реал-тайм или пост-процессинг...

[xmoonlight]

Рома: можно посмотреть как сделано тут: www.cleancss.com/html-beautify

[Рома]

xmoonlight: Спасибо большое:)

[xmoonlight]

Рома: Для Большого - есть кнопка "Отметить решением" :)

Answer 2

[Mikhail Osher]

IDE.

// EDIT

Это была глупая шутка. Но Вы учитесь поиском пользоваться.
Чуть ли не первая выдача гугла.

codemirror.net

Comments

[Рома]

Хм, видимо я некорректно задал вопрос, эта либа должна быть использована мной в проекте на SPA

[Рома]

Как к примеру достаточно граммотно описать, данный "софт"

Answer 3

[Rou1997]

Причем тут визуализация? Это парсер, анализатор, можете использовать любой из онлайн сервисов если напишете к нему "бот", также в IDE с открытым исходным кодом можно покопаться.

Comments

[Рома]

Где-то видел что-то подобное библиотеке аналогичной https://www.dirtymarkup.com/, но не помню как она называется, на jQuery/css3