The Joy of Mixing Custom Elements, Web Components, and Markdown
Markdown — это просто макросы: вместо тегов пишем **жирный**, а получаем <strong>жирный</strong>.
На моём сайте 6 000 файлов .md; сервер обрабатывает их через Markdig и отдаёт готовый HTML.
Плюс Markdown позволяет вставлять «сырой» HTML:
**Жирный!**
<img src="pic.jpg">
*Курсив!*
Парсер пропускает теги, и всё работает. Это «лазейка» была одной из причин успеха формата.
Но что, если нужно вставлять сложные, повторяющиеся блоки — формы, калькуляторы, табы?
Писать каждый раз длинный HTML неудобно.
Custom Elements (часть Web Components) решают задачу:
в разметке пишем короткий тег <my-widget>, браузер заменяет его на полный DOM-узел.
Получаем HTML-макросы, которые Markdown не трогает.
Итого:
- Markdown → форматирование текста.
- Custom Elements → всё остальное.