我想在 contenteditable div 上使用 vue 创建简单的所见即所得编辑器。我想将编辑器内容存储到 json 对象中。我想使用状态/模型概念。我将在编辑器模板中执行类似的操作:
<div contenteditable>
<component v-for="item in json" :is="item.blockTypeComponent" />
</div>
我将在编辑页面上的某处使用带有 v-model 的 simple-wysiwyg 组件:
<simple-wysiwyg v-model="someVarAsJson" />
看起来我需要将编辑器输入数据存储到模型/状态之前,并自动更新 contenteditable 中的内容,这意味着我需要拦截 contenteditable 的输入事件。正如我从 Draft-js、prosemirror 和中等网站 wysiwyg 开发人员的文章(这里是链接 __https://medium.engineering/why-contenteditable-is-terrible-122d8a40e480 )的介绍中了解到的,他们使用与我相同的概念上面已经描述了。
vue上有基于prosemirror的tiptap编辑器,但我还不明白它是如何工作的。
可以做我想做的事吗?
None
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)