SuperAPI AI 工具集

tiptap-dev

通用与其它

查看项目

更新于 10-16 01:48

技能介绍

用途:为使用 Tiptap 构建富文本编辑器提供专家级指导。Tiptap 是构建在 ProseMirror 之上的无头(headless)、框架无关的编辑器,本技能用于自定义节点/Mark/扩展、实现输入规则或粘贴规则、使用命令 API、构建 React 集成、扩展已有扩展、创建自定义节点视图以及理解 Schema 与内容模型。

主要能力:提供扩展类型(Node、Mark、Extension)的创建模式;命令 API、编辑器 API 与链式调用;输入规则和粘贴规则;React 专用 hook 与组件;Schema 属性与内容模式;以及完整可运行示例。

使用方式:通过引用文件查阅,包括 references/extensions.md、references/commands-and-api.md、references/input-paste-rules.md、references/react-integration.md、references/schema.md 和 references/examples.md。示例用法包括 Extension.create、Node.create、Mark.create,命令链 editor.chain().focus().toggleBold().run() 与 editor.can().chain().focus().toggleBold().run(),以及 React 中使用 useEditor 并设置 extensions、content 和 immediatelyRender: false(用于 SSR)。

核心概念:无头架构(逻辑由 Tiptap 提供,渲染由你控制)、一切皆扩展、基于 ProseMirror 并可访问其全部 API、由节点/Mark Schema 定义内容模型的 Schema 驱动、所有操作通过可链式命令完成。

适用场景:需要 Tiptap/ProseMirror 通用开发指导时使用本技能。若需要 VMark 特定的 Tiptap API 模式(命令、节点遍历、选区处理),应使用 tiptap-editor 技能。

限制:官方文本与收费、价格、平台要求等信息暂未提供。