3

我想使用与 prosemiror 编辑器一起使用的 vuejs 的tiptap 编辑器。

我已经阅读了很多关于tiptap 的信息，但文档并不是最好的，prosemiror 本身对我来说非常复杂。我希望你能帮助我。

我想在tiptap 编辑器中实现我自己的扩展。例如在菜单中我想按下一个按钮并在文本字段中插入一个 div。div 可以具有许多属性，例如<div class="rectangle_var" company="example company" var-id="5124">text example</div>并且应该看起来像一个矩形。矩形还应该有浅灰色，并且可以在示例中包含类似“文本示例”的文本。

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

4

1 回答 1

2

Tiptap 文档并不完整，因此您只需查看扩展的源代码即可。例如：https ://github.com/ueberdosis/tiptap/tree/main/packages

标记非常简单。您需要定义架构，parseDOM然后使用 和toDOM。prosemiror 文档将描述所有内容。它们很密集但很好https://prosemirror.net/docs/guide/

编辑器与控件是分开的。查看所有提示您的插件的示例。https://tiptap.dev/

于 2020-09-03T22:54:15.730 回答