Блочный радактор JavaScript, Vue (не обязательно)
Требуется блочный редактор по типу Gutenberg в WordPress, но проще.
Пользователь через repeater добавляет блоки (drag&drop).
Каждый блок имеет свою форму настройки - поля.
Пользователь настраивает набор блоков - страницу.
В результате получаем готовую конфигурацию страницы - набор настроек каждого блока. В идеале в Json формате.
Далее саму страницу на frontend рендерим как хотим, просто передав во view конфигурацию блока - настройки из формы.
Хотелось бы изучить готовые решения.
Погуглил, ниже что удалось найти (может кому-то пригодится). Поделитесь кто что использует на практике. Речь не про визуальные радакторы по типу CKEditor / TinyMCE - нужен именно блочный редактор.
EditorJS
Сайт: https://editorjs.io/
Демо: https://editorjs.io/
https://github.com/editor-js/awesome-editorjs
MediumEditor
Сайт: https://yabwe.github.io/medium-editor/
Демо: https://yabwe.github.io/medium-editor/
Gutenberg
Репозитории:
https://github.com/front/gutenberg-js (Deprecated)
https://www.drupal.org/project/gutenberg (Drupal integration)
https://github.com/WordPress/gutenberg - основной репозиторий
Демо: https://wordpress.org/gutenberg/
BrickyEditor
Репозиторий: https://github.com/yakovlevga/brickyeditor
Демо: https://yakovlevga.github.io/brickyeditor/demo/
Floala
Сайт: https://froala.com/
Демо: https://froala.com/pages/demo/
ContentBuilder
Сайт: https://innovastudio.com/content-builder.aspx
Демо: https://innovastudio.com/builderdemo/demo.html
VVVEB
Репозиторий: https://github.com/givanz/VvvebJs
Демо: http://www.vvveb.com/vvvebjs/editor.html
GrapesJS
Сайт: https://grapesjs.com/
Демо: https://grapesjs.com/demo.html
Sir Trevor
Сайт: http://madebymany.github.io/sir-trevor-js/
Репозиторий: https://github.com/madebymany/sir-trevor-js
Демо: http://madebymany.github.io/sir-trevor-js/example.html