SuperAPI AI 工具集

umbraco-tiptap-toolbar-extension

通用与其它

查看项目

更新于 10-15 21:06

技能介绍

用途:为 Umbraco 富文本编辑器(Rich Text Editor)添加 Tiptap 工具栏扩展,即向编辑器工具栏加入按钮或控件。控件被点击时执行 execute 方法,并可显示激活或禁用状态。

主要能力:提供四种 kind——button(简单切换按钮)、colorPickerButton(颜色选择)、menu(下拉菜单)、styleMenu(样式选择下拉)。扩展通过 manifest 声明,配合继承 UmbTiptapToolbarElementApiBase 的 API 类实现行为;可重写 isActive 与 isDisabled 自定义激活和禁用判断;菜单项通过 items 配置 label 与 data;按钮可结合模态框(UMB_MODAL_MANAGER_CONTEXT)打开对话框。

使用方式:先获取最新官方文档(扩展类型、富文本编辑器、Tiptap 文档、Foundation 页面),确认需要按钮、菜单还是颜色选择器及要执行的动作,再生成 manifest 与 API 类文件。manifest 的 type 为 tiptapToolbarExtension,需指定 kind、alias、name、api、forExtensions(关联对应 Tiptap 扩展)及 meta(alias、icon、label,menu 还可设 look 为 icon 或 text)。API 类在 execute(editor) 中调用 Tiptap 链式命令,如 toggleBold、toggleHeading、setParagraph、setLink 等。

适用场景:需要为 Umbraco 后台富文本编辑器定制工具栏控件时,例如加粗按钮、标题下拉、文本颜色、样式类选择,或点击按钮弹出模态框。

限制:资料未提供具体版本要求、安装命令、收费或平台信息;实现前应始终查阅最新官方文档,示例应保持精简并生成完整可运行代码。