SuperAPI AI 工具集

syncfusion-javascript-rich-text-editor

通用与其它

查看项目

更新于 10-16 01:50

技能介绍

用途:在 TypeScript 项目中实现 Syncfusion Rich Text Editor(RTE)与 Markdown 编辑器。两者共用 RichTextEditor 类与 @syncfusion/ej2-richtexteditor 包,区别仅在 editorMode 属性与注入的功能模块。

主要能力:HTML(WYSIWYG)模式与 Markdown 模式;iframe 隔离编辑、内联编辑、可调整大小;工具栏类型(Expand、MultiRow、Scrollable、Popup)、位置、浮动工具栏与快捷工具栏;内置与自定义工具;内容获取/设置、自动保存、字符计数、源码编辑、占位符;图片、音频、视频插入与文件浏览、上传配置;表格与链接操作;@mention、斜杠命令、表情、邮件合并;AI 助手面板;Markdown 语法、实时预览、自定义格式;代码块、剪贴板与粘贴清理、撤销重做、executeCommand;Word/PDF/Markdown 导入导出;CSS 定制、字体、拼写检查、全球化;表单集成、XHTML 校验、XSS 防护、只读模式。

使用方式:安装 npm install @syncfusion/ej2-angular-richtexteditor 与 npm install @syncfusion/ej2-tailwind3-theme,引入主题 CSS,从 @syncfusion/ej2-richtexteditor 导入所需模块并调用 RichTextEditor.Inject(...),再 new RichTextEditor({...}) 并 appendTo。HTML 模式注入 HtmlEditor,Markdown 模式注入 MarkdownEditor,另按需注入 Toolbar、Link、Image、Table、QuickToolbar 等。

适用场景:博客、评论、邮件、CMS 内容编辑;文档、笔记、开发者工具的 Markdown 编辑。

限制:需先 Inject 再实例化;仅注入所需模块以控制包体积;具体收费、价格与平台支持资料暂未提供。