HTML Tag

Fi1osof
16 мая 2019 г., 22:32

HTML Tag

Всем привет!

Этой статьей я начинаю цикл публикаций, посвященных описанию отдельных компонентов конструктора сайтов @prisma-cms/front-editor. В его состав уже сейчас входит довольно много компонентов (каждый из которых для простоты имеет смысл воспринимать как обычные теги в HTML-документе, потому как рендерятся так же по вложенному принципу, просто с дополнительной логикой), и лучше прям сейчас уже начать составлять какую-то документацию, чтобы потом было проще. Для этих целей я решил так же завести отдельный поддомен https://front-editor.prisma-cms.com и на нем будут собираться профильные статьи и вестись обсуждение с примерами. На каждый отдельный тег будет своя отдельная статья.

Итак, начинаем мы сегодня с компонента HTML Tag. На мой взгляд это самый интересный компонент, потому как ближе всех остальных к нативному HTML. Я не знаю насколько мой подход костыльный, но я попытался сделать так, чтобы обычный HTML конвертировался в JSON, а JSON конвертировался в HTML. При редактировании текста используется браузерное свойство тега contenteditable.

Вот здесь я оставил демо-шаблончик с кратким видеороликом: https://front-editor.prisma-cms.com/templates/cjvr82xweb5tv0a89zmpy2le7

Добавить комментарий