Syncfusion Angular Rich Text Editor

Syncfusion文本编辑器JavaScript

在 Angular 应用中启用富文本和 markdown 编辑。

  • 支持 HTML 和 markdown 两种编辑模式。
  • 包含可自定义工具栏和快捷操作菜单。
  • 提供 markdown 实时预览和丰富的格式化功能。
Syncfusion logo

起价:

加载中...
包含在以下产品
Syncfusion Essential Studio UI Component Suite加载中
Syncfusion Essential Studio Enterprise加载中
Syncfusion Angular Rich Text Editor 产品图片
Syncfusion Angular Rich Text Editor 为 Angular 开发者提供了一个多功能的 WYSIWYG 编辑环境。它支持使用 HTML 和 markdown 语法创建和格式化内容，并提供可自定义的工具栏和内联编辑模式。该组件设计轻量、模块化且响应式，可轻松适配各种应用需求。

HTML 编辑支持

使用户能够使用有效的 HTML 标记创建、编辑和格式化内容，并在 Angular 应用中通过最少的配置集成内置 HTML 编辑器。

带实时预览的 Markdown 编辑

支持 markdown 语法编辑，并在与 marked 等第三方库集成时提供 HTML 实时预览能力，便于实时显示 markdown 格式效果。

可自定义工具栏

提供灵活的工具栏，包含常用格式化命令，支持重新排序、添加或移除项目，并支持多行、展开和浮动模式来处理溢出和可访问性。

用于上下文操作的快捷工具栏

在选择内容、图片或链接时显示快速访问工具栏，在所选项附近直接提供上下文相关的编辑命令，以实现高效的内容管理。

内联编辑模式

支持直接在页面上编辑内容，并动态显示工具栏，可根据内容选择或点击自定义显示，适用于内容管理场景。

高级格式样式

包含丰富的格式化选项，例如标题、引用、代码块、字体样式、颜色、对齐、缩进，以及上标和下标等文本装饰。

图片管理功能

支持从本地或远程来源插入带标题的图片、上传新图片，并管理图片属性，如对齐、大小、旋转、替代文本、超链接和删除。

超链接处理

允许插入、编辑和移除超链接，支持自定义显示文本、用于可访问性的工具提示配置以及自动 URL 转换，并通过快捷工具栏增强链接操作。

列表和表格插入

便于创建有序和无序列表，以及插入可配置行列的表格，从而在编辑器中高效组织内容。

附加功能

包括直接编辑 HTML 的源代码视图、内容预览、打印、全屏编辑、剪贴板操作、字符计数限制、撤销/重做历史、第三方集成、验证支持以及 iframe 模式等功能。

产品兼容性

请查看以下详细信息，以确保此产品在您的环境中受支持。

组件类型

  • JavaScript

JavaScript 平台

  • Angular