Прошу прощения за коряво озвученный вопрос. Суть вот в чём:
Есть (условная) CMS генерящая в WYSIWYG редакторе html код. В редакторе пользователи присваивают текстовым параграфам различные css классы и хотелось бы, чтоб пользователи могли затем визуально проверить, что в получившемся html блокам текста действительно присвоены эти css классы. Пользователи не разработчики, web developer tools пользоваться не будут.
Мне кажется, задача довольно типичная, наверняка что-то есть широко известное. Я гуглил различные вариации "javascript generate debug css" набрёл на "CSS Layout Debugger"
https://gist.github.com/addyosmani/fd3999ea7fce242756b1 Хотелось бы такое же "на стероидах"
Update: вопрос юзабили и применимости такой отладки здесь не обсуждается.