Основная идея создания редактора блоков
В основном относятся к двум редакторам блоков:
Редактор Гутенберга для WordPress: https://wordpress.org/gutenberg/
редактор editorjs: https://editorjs.io/
1. Архитектура
MVVM-архитектура
Слой M: чистый JSON, по этому вопросу обратитесь к редактору js. Уровень M Гутенберга сильно привязан к самому WordPress (аннотации + шорткоды) и на него не стоит ссылаться.
Слой V: метод Гутенберга более подходит.
Уровень виртуальной машины: нет.
2. блоки
Все блоки имеют два состояния: показать и редактировать.
При просмотре контента, созданного редактором блоков, отображается статус блока.
При использовании редактора блоков для редактирования содержимого блок имеет статус «Редактировать».
Отображение двух состояний остается последовательным, обеспечивая принцип «что видишь, то и получаешь».
Блок состояния редактирования построен на основе базового блока.
3. базовый блок
Все блоки основаны на этом базовом блоке.
Основные взаимодействия в состоянии редактирования блока находятся здесь.
4. Страница редактора
Главная страница редактора отображает блоки на основе данных и изменений данных.
5. блок рендеринга
При просмотре контента, созданного редактором блоков, вам необходимо проанализировать данные json и отрисовать блоки на основе данных json.
