Блочный радактор 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://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


Ответы (0 шт):