用途:该组件用于在 Vue 3 应用中嵌入所见即所得富文本编辑器,让用户创建、编辑和格式化内容,并以 HTML 或 JSON 格式保存与交换数据。
主要能力:支持粗体、斜体、下划线、删除线、上下标、行内代码与清除格式等行内格式;支持段落、1-4 级标题、缩进、水平线、引用、提示块(信息/警告/错误/成功/备注)、代码块与可折叠区块等块级元素;提供项目符号、编号与待办清单;工具栏可配置主工具栏及文本、图片、链接、表格的快捷工具栏,并支持浮动工具栏与自定义项;支持图片插入、上传、尺寸调整与 Alt 文本和标题;支持链接插入、编辑、打开、复制与移除;支持表格行列增删、表头切换与单元格格式;支持斜杠命令、跨平台键盘快捷键、撤销重做、只读模式、粘贴清理与主题定制。
使用方式:需 Node.js 24+,可经 Syncfusion CLI 创建项目或手动建立 Vue + Vite 项目,安装 @syncfusion/ej2-vue-richtexteditor-ui,导入 Tailwind 3 主题 CSS 并注册组件;通过 value 与 valueFormat 设置内容与格式,通过 toolbarSettings、quickToolbarSettings、imageSettings 等属性配置行为,部分功能需通过 provide 注入 SlashCommand、Image、Table 等模块;可通过组件 ref 调用 save、focusIn、focusOut、getHtml、getText、getDocument、updateToolbarItems 等方法。
适用场景:适用于需要在 Vue 3 项目中实现富文本编辑的 Web 应用,如内容管理、文档编辑、评论或表单中的格式化文本输入。
限制:资料未提供收费、价格、浏览器兼容范围与性能指标等信息,暂未提供;插件的上传地址、事件参数与 API 细节请以官方文档为准。