Задать вопрос
@abdabs

Как упорядочить HTML код после БЭМ?

Изучаю БЭМ по ru.bem.info/articles/start-with-project-stub
Столкнулся с такой особенностью бэм, что после редактирования index.bemhtml.js код в index.html становится не читаемым вовсе.

Пример:

<!DOCTYPE html><html class="ua_js_no"><head><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta charset="utf-8"/><title>Title of the page</title><script>(function(e,c){e[c]=e[c].replace(/(ua_js_)no/g,"$1yes");})(document.documentElement,"className");</script><meta name="description" content=""/><link rel="stylesheet" href="_index.css"/><link rel="shortcut icon" href="/favicon.ico"/></head><body class="page"><div class="head"><div class="layout"><div class="layout__left"><form action="http://yandex.ru/yandsearch"><span class="input i-bem" data-bem="{&quot;input&quot;:{}}"><span class="input__box"><input class="input__control" name="text" value="Find"/></span></span><button class="button button__control i-bem" data-bem="{&quot;button&quot;:{}}" role="button" type="submit">Search</button></form></div><div class="layout__right"><div class="logo"><a class="link link__control i-bem" data-bem="{&quot;link&quot;:{}}" href="http://ru.bem.info"><img class="image" src="http://varya.me/online-shop-dummy/desktop.blocks/b-logo/b-logo.png"/><div class="link__slogan">A new way of thinking</div></a></div></div></div></div><div class="goods"></div><script src="_index.js"></script></body></html>


Подскажите инструменты как можно привести эту кашу в порядок.
  • Вопрос задан
  • 3109 просмотров
Подписаться 2 Оценить Комментировать
Решения вопроса 1
@SirMustache
Я пользуюсь jsbeautifier.org
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
IgorO2
@IgorO2
73
блокнот + руки =)
А так любая IDE которая поддерживает html
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы