如何在 tiptap-vuetify 中为标记/替换功能创建自定义扩展?

How to Create a Custom Extension in Tiptap-Vuetify for a Tag/Replace Functionality?

提问人:Claudio Ɯǝıs Mulas 提问时间:9/4/2023 更新时间:9/4/2023 访问量:135

问:

我正在做一个使用 Vuetify、Tiptap 和 Tiptap-Vuetify 的项目。我想创建一个自定义扩展,向工具栏添加新功能。具体来说,我想添加一个按钮,单击该按钮时会打开一个对话框,允许用户选择标签(例如,%example%)。然后,应将此标记插入到编辑器中光标位置的位置。

此外,我想解析此标记并显示内容在处理后的外观预览。该标记应不可编辑,但删除操作除外。

我已经浏览了文档和示例,但我还没有找到有关如何为此目的创建新扩展的指南。我也不确定是否应该在 Tiptap 级别或 Tiptap-Vuetify 级别创建扩展。

有没有人做过类似的事情或对如何处理这个问题有任何想法?

vue.js vuetify.js tiptap

评论


答: 暂无答案