用途:在 Vue 应用中集成 Syncfusion Vue Rich Text Editor(ejs-richtexteditor)。同一组件通过 editorMode 支持两种模式:HTML 模式(默认,所见即所得,输出 HTML 标记)与 Markdown 模式(纯文本 Markdown 语法,可配合 marked 等第三方库渲染)。两者共用 @syncfusion/ej2-vue-richtexteditor 包,区别在于 editorMode 属性与注入的服务模块(HtmlEditor 与 MarkdownEditor)。
主要能力:工具栏配置(Expand、MultiRow、Scrollable、Popup 类型,支持置顶/浮动、位置与自定义按钮);内置工具栏项与快速工具栏;插入图片(URL、文件上传、拖放、缩放、对齐、替代文本、服务端上传设置)、音频视频、表格(默认 2×2 含表头,含行列合并等快速工具栏);编辑器取值与内容(value 属性、getValue()、v-model、占位符、字符计数、maxLength、change/input/blur 事件、execCommand、选择区 API);智能编辑(斜杠菜单、表情选择器、@提及、邮件合并字段);粘贴清理(pasteCleanupSettings 控制 Word/浏览器粘贴格式、deniedTags/deniedAttrs 等);编辑器类型(内联、IFrame 隔离、可调整大小);AI 助手(AIAssistantService 注入、AICommands/AIQuery);校验与安全(表单集成、XHTML 校验、只读、最大长度、拼写语法检查);无障碍与全球化(WCAG 2.2、Section 508、键盘导航、RTL、locale);事件、方法、核心与高级属性等 API 参考。
使用方式:npm install @syncfusion/ej2-vue-richtexteditor,并按需安装主题(如 @syncfusion/ej2-tailwind3-theme)并导入对应 CSS。组件以 <ejs-richtexteditor> 使用,须通过 provide('richtexteditor', [...modules]) 注入所需模块(如 HtmlEditor、MarkdownEditor、Toolbar、Link、Image、Table、Audio、Video、QuickToolbar、PasteCleanup、SlashMenu、AIAssistantService、Count)。可用 v-model:value 双向绑定,通过 ref 调用 getHTML()、getText() 等获取内容。
适用场景与限制:HTML 模式适合需富媒体与格式化 HTML 输出的场景;Markdown 模式适合以纯文本语法编辑、便于在 GitHub/Notion 等渲染的场景。具体定价、许可证、支持平台版本与效果等资料暂未提供。