Всем привет!
Этой статьей я начинаю цикл публикаций, посвященных описанию отдельных компонентов конструктора сайтов @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
Супер! Пояснения более чем нужны (по крайней мере для меня:)) Особенно в связке с запросами - выводом выборки...
Да. скоро будут объяснения в том числе и по ним, потому что вчера этот механизм еще значительно улучшился и теперь доступен вывод вложенных объектов :)