При редактировании веб-страниц часто возникает проблема, заключающаяся в том, что HTML-жаргон может мешать, когда мне нужно сосредоточиться только на контенте для внесения исправлений. После добавления разметки к фрагменту текста теги img, гиперссылки, div и все их атрибуты могут занимать несколько строк. Даже с хорошим отступом и интервалом простые семантические элементы, такие как em & strong, могут сильно ухудшить читабельность.
Вот что НЕ решает проблему для меня:
Редактирование контента отдельно в виде простого текста, Markdown или Rich Text Programme. На начальных этапах подготовки контента можно писать в текстовом редакторе, но как только текстовый документ будет помечен HTML, если вы решите внести изменения в контент, вам придется редактировать его в двух или более местах. : хотя бы один раз в HTML и один раз в исходном текстовом файле.
Расширители HTML, такие как Emmet. Расширители текста помогают при добавлении элементов, но они ничего не делают для улучшения читаемости, когда элементы на месте.
Квази-решения:
Препроцессоры, такие как HAML & Jade. Они могут сделать документ более читабельным, но имеют свои особенности. Уценка, хотя и удобна для чтения, имеет ограниченные возможности HTML перед конвертацией.
WYSIWYG редакторы. В традиционном редакторе я мог перейти в режим «Дизайн» и внести изменения в отображаемую страницу напрямую, без каких-либо артефактов HTML. Это замечательно, но мне приходится постоянно проверять представление кода и представление дизайна, чтобы отслеживать, как изменения отражаются в коде, что побеждает всю цель.
Идеальное решение
В идеале, работа, выполняемая редактором, который включает / выключает разметку в представлении кода, или метаязык, делающий HTML-документ похожим на Markdown. Другими словами, существует ли инструмент / облегченный язык, который отделяет чистый контент от семантической структуры?
