Я хочу создать простой редактор wysiwyg с vue на contenteditable div. Я хочу сохранить содержимое редактора в объекте json. Я хочу использовать концепцию состояния / модели. Я сделаю что-то подобное в шаблоне редактора:
<div contenteditable>
<component v-for="item in json" :is="item.blockTypeComponent" />
</div>
, и я буду использовать компонент simple-wysiwyg с v-моделью где-нибудь на моей странице редактирования:
<simple-wysiwyg v-model="someVarAsJson" />
Похоже, я Мне нужно сохранить входные данные редактора до модели / состояния и автоматически обновить содержимое в contenteditable, что означает необходимость перехвата входных событий contenteditable. Как я понял из презентации черновика js, prosemirror и статьи разработчика Wysiwyg для среднего сайта (здесь ссылка __ https://medium.engineering/why-contenteditable-is-terrible-122d8a40e480), они используют ту же концепцию, что и я, описанную выше. На vue есть редактор всплывающих подсказок, основанный на prosemirror, но я еще не понял, как он работает.
Можно ли делать то, что я хочу?