的KendoReactWYSIWYG(所见即所得)编辑器是一个富文本编辑器组件,帮助用户在任何React应用程序中创建富文本。React编辑器包含大量可用的功能和工具来帮助插入、创建、修改和保存文本。Editor组件还通过广泛的插件系统支持其他功能,确保可以轻松实现任何需求。
KendoReact编辑器中可用的工具包括常见的文本编辑器功能,包括:
默认情况下,KendoReact编辑器在iframe元素中呈现其内容。对于可能不是理想HTML元素的应用程序,也可以通过更改单个属性在div元素中呈现Editor内容。
KendoReact编辑器允许开发人员以编程方式获取和设置编辑器的HTML。该特性使得实现诸如将内容加载并保存到数据库,或通过自定义清理程序运行内容等需求就像调用单个方法一样简单。
当用户将鼠标悬停在组件的边缘时,你可以很容易地添加一个拖动句柄交互,给他们一个直观的体验来调整React编辑器的大小。
当启用此功能时,用户可以单击图像以激活带有指示器的边框,并可以通过熟悉的界面拖动以调整图像的大小。
KendoReact编辑器支持各种选择场景,从简单的文本选择到节点和单元格选择。WYSIWYG Editor还可以在选择时自动从Editor的内容中提取HTML,或者在用户按下按钮时提取内容。
复制和粘贴来自其他富文本编辑器或桌面文字处理应用程序(如Microsoft word)的内容,通常会附带额外和过于复杂的HTML。值得庆幸的是,这个React编辑器包含了内置的功能来清理内容,使粘贴的HTML尽可能干净。可以自定义清除某些属性的数量,或者只粘贴复制内容的纯文本。
对于需要KendoReact编辑器之外的其他功能的场景,插件架构使开发人员能够创建自定义工具并将其集成到编辑器中,而无需访问和修改底层源代码。
KendoReact编辑器提供了大量可用的功能和工具,它有许多内置字符串来帮助用户理解每个工具的作用。默认情况下,这些都是用英语编写的,但是可以在整个组件或一次一个消息中修改这些以适应任何语言。此外,React编辑器支持以从右到左的模式呈现。
虽然KendoReact编辑器提供了一个广泛的工具和交互性列表,但它仍然可以使用键盘轻松地进行交互和导航。编辑器的任何方面及其内容都可以通过简单的键盘交互进行访问。
继续将可访问性放在构建React UI组件的最前沿的传统,KendoReact编辑器在WCAG 2.0中被评为AAA级,并符合WAI-ARIA和Section 508标准。