Vue.js 简单的tiptap扩展或prosemirror插件

我想使用VUEJ的tiptap编辑器与prosemirror编辑器一起工作

我读过很多关于tiptap的文章，但是文档不是最好的，prosemirror本身对我来说非常复杂。我希望你能帮助我

我想在tiptap编辑器中实现我自己的扩展。 例如，在菜单中，我想按下一个按钮并在文本字段中插入一个div。 div可以有许多属性，如

text example

，并且应该看起来像一个矩形。矩形也应该有浅灰色，并且可以有一个类似“文本示例”的文本

这个扩展听起来很简单，但我不知道如何为tiptap创建自己的扩展。

---

您能帮助我吗？

tiptap文档没有那么完整，因此您可以查看扩展的源代码。例如：

这些标记非常简单。您需要使用

parseDOM

和

toDOM

定义模式。prosemirror文档将描述一切。它们很密，但很好

编辑器与控件是分开的。看看所有的tiptap示例来调用你的插件