KendoReact

反应编辑器

  • 这个WYSIWIG编辑器拥有大量的功能和工具,使用户能够在任何React应用程序中创建和编辑富文本。
  • KendoReact库的一部分,以及100多个用React为React构建的专业UI组件。
  • 快速开始与我们屡获殊荣的支持,详细的文档,互动演示和讲师指导的培训。
  • 概述

    KendoReactWYSIWYG(所见即所得)编辑器是一个富文本编辑器组件,帮助用户在任何React应用程序中创建富文本。React编辑器包含大量可用的功能和工具来帮助插入、创建、修改和保存文本。Editor组件还通过广泛的插件系统支持其他功能,确保可以轻松实现任何需求。

    参见React Editor Overview演示

    React富文本编辑器
  • 工具

    KendoReact编辑器中可用的工具包括常见的文本编辑器功能,包括:

    • 粗体、下划线、斜体和划线工具
    • 下标和上标工具
    • 文本对齐工具
    • 缩进和缩出工具
    • 有序和无序列表工具
    • 字体大小和字体名称工具
    • 字体颜色和背景颜色工具
    • 用于预定义标题和段落样式的样式工具
    • 撤销和重做工具
    • 查找和替换工具
    • 超链接工具
    • 列表处理(嵌套列表、使用字母顺序列表等)
    • 插入图像对话框
    • 创建和修改表工具
    • 查看呈现的HTML工具
    • 和更多!

    参见React编辑器工具演示

    React富文本编辑器与许多编辑工具
  • 渲染模式

    默认情况下,KendoReact编辑器在iframe元素中呈现其内容。对于可能不是理想HTML元素的应用程序,也可以通过更改单个属性在div元素中呈现Editor内容。

    参见React编辑器渲染模式演示

  • 获取和设置HTML内容

    KendoReact编辑器允许开发人员以编程方式获取和设置编辑器的HTML。该特性使得实现诸如将内容加载并保存到数据库,或通过自定义清理程序运行内容等需求就像调用单个方法一样简单。

    参见React编辑器获取和设置HTML内容演示

    React富文本编辑器获取和设置内容
  • 编辑器调整

    当用户将鼠标悬停在组件的边缘时,你可以很容易地添加一个拖动句柄交互,给他们一个直观的体验来调整React编辑器的大小。

    参见React Editor演示:Editor Resizing

    调整React Editor组件的大小
  • 图像缩放

    当启用此功能时,用户可以单击图像以激活带有指示器的边框,并可以通过熟悉的界面拖动以调整图像的大小。

    参见React Editor演示:图像大小调整

    React Editor组件:调整图像大小
  • 选择

    KendoReact编辑器支持各种选择场景,从简单的文本选择到节点和单元格选择。WYSIWYG Editor还可以在选择时自动从Editor的内容中提取HTML,或者在用户按下按钮时提取内容。

    参见React Editor Selection演示

    React Editor组件:Selection
  • 清理已粘贴的HTML

    复制和粘贴来自其他富文本编辑器或桌面文字处理应用程序(如Microsoft word)的内容,通常会附带额外和过于复杂的HTML。值得庆幸的是,这个React编辑器包含了内置的功能来清理内容,使粘贴的HTML尽可能干净。可以自定义清除某些属性的数量,或者只粘贴复制内容的纯文本。

    参见React编辑器清理粘贴的HTML演示

    React富文本编辑器清理内容
  • 插件支持

    对于需要KendoReact编辑器之外的其他功能的场景,插件架构使开发人员能够创建自定义工具并将其集成到编辑器中,而无需访问和修改底层源代码。

    参见React编辑器插件支持演示

  • 全球化

    KendoReact编辑器提供了大量可用的功能和工具,它有许多内置字符串来帮助用户理解每个工具的作用。默认情况下,这些都是用英语编写的,但是可以在整个组件或一次一个消息中修改这些以适应任何语言。此外,React编辑器支持以从右到左的模式呈现。

    参见React Editor全球化演示

    全球化的React富文本编辑器
  • 键盘导航

    虽然KendoReact编辑器提供了一个广泛的工具和交互性列表,但它仍然可以使用键盘轻松地进行交互和导航。编辑器的任何方面及其内容都可以通过简单的键盘交互进行访问。

  • 可访问性

    继续将可访问性放在构建React UI组件的最前沿的传统,KendoReact编辑器在WCAG 2.0中被评为AAA级,并符合WAI-ARIA和Section 508标准。

所有KendoReact组件

弹出

进度条

涟漪

调度器

滚动视图

可分类的

的周期

工具提示

TreeList

树状视图

上传

波bg

下一个步骤

访问我们的演示

看看实际的KendoReact,看看它能做多少开箱即用的事情。

看到价格

为KendoReact购买单独的许可证,或者使用Kendo UI,这是我们完整的JavaScript包。

开始免费试用

请在专门的技术支持下尝试KendoReact。

Baidu
map