Progress Telerik UI for Blazor

Blazor富文本编辑器

  • Blazor文本编辑器组件允许用户在熟悉的MS Word编辑器体验中创建丰富的文本内容,包括文本格式、表格、图像、列表、撤消和重做、字体、链接和更多选项。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,完全适合任何应用程序的需求。
  • Blazor UI套件还提供了专业设计的主题,支持开关的翻转,文档处理库,丰富的文档和演示,以帮助您立即开始。
Telerik UI的Blazor套件
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • 表和图像大小调整

    Telerik中的表大小调整功能用户界面为Blazor Editor组件默认启用。编辑器支持调整列、行和表的大小。调整大小功能包括在列和行边界悬停时呈现的句柄。类似地,图像大小调整功能是由位于图像每个角落的句柄启用的。

    查看如何在Telerik Blazor编辑器中调整表的大小

    Telerik UI Blazor编辑器表调整大小
  • 概述

    Blazor Rich Text Editor组件的Telerik UI是一个为创建富文档而设计的WYSIWYG应用内编辑器。用户总是可以打开他们最喜欢的文档编辑器并在那里应用他们的更改,但是当他们可以在你的项目中做所有事情时,为什么要让他们依赖另一个应用程序呢?生成的文档的格式是HTML,因此可以很容易地在应用程序的其他地方显示。

    检查Blazor编辑器演示

    Telerik UI Blazor编辑器概述
  • 工具栏

    一个工具栏呈现在Blazor文本编辑器组件的顶部,并提供对用户可用命令的访问。命令包含了您希望从编辑器中得到的所有内容——撤消和重做、更改文本装饰和权重、字体、对齐方式、插入表、项目符号列表等等。工具栏使用应用程序的主题作为其视觉风格,因此您可以转换其外观以适应应用程序。

    Telerik UI Blazor编辑器工具栏
  • 工具

    工具栏上可用的命令称为工具。Blazor富文本编辑器提供了大量的工具,默认情况下会在工具栏上显示它们。这些包括一个调色板来选择颜色,按钮切换粗体,斜体或下划线,对齐文本,等等。它们也可以通过编程方式访问,如果需要,您可以从代码中执行它们。项目集是完全可定制的。如果你想删除一个不必要的命令,甚至添加一个自定义命令,这是很容易做到的,因为控件需要一个IEditorTools列表,其中可以包含你想要的或多或少的命令。

    查看可用的Blazor编辑器工具

    Telerik UI Blazor编辑器
  • 编辑模式

    Blazor文本编辑器控件可以配置为IFrame(默认值)或Div。两者之间的区别在于承载内容区域的元素类型。当内容在IFrame中显示时,它不会从当前页面继承CSS规则。这样就不可能错误地引入一种会破坏编辑器的样式,但也可能会受到限制。

    用于Blazor编辑器验证的Telerik UI
  • 粘贴清理

    当从其他应用程序(例如MS Word或网站)粘贴内容时,编辑器将尽可能地保留原始格式,如项目符号列表和链接,同时删除不支持的信息。你可以控制到底保留什么,扔掉什么。
    Telerik UI Blazor编辑器
  • 媒体

    Editor组件现在允许您添加媒体标签,如视频、音频和iframe(包括嵌套的源标签)。

    了解如何将媒体插入Telerik Blazor编辑器。
    Telerik UI Blazor编辑器组件媒体
  • 复制/粘贴图片

    通过在web应用中集成编辑器来节省用户的时间和精力是这个控件的核心前提,因此节省添加新图像的几次点击而不是简单的复制/粘贴是很自然的。

    Blazor富文本编辑器组件支持直接在编辑区域复制和粘贴图像,但由于浏览器权限的限制。检查提供信息的文档关于局限性。

    Telerik UI Blazor编辑器
  • 进出口

    生成的文档的HTML格式在某些情况下可能不太实用,因为您需要更标准的格式,如.doc、.rtf或.pdf。您的Blazor许可证还包括访问Telerik文档处理工具您可以使用它将编辑器的内容导入和导出到您首选的文件类型。

  • 事件

    每隔一段时间(默认为100ms),如果用户更改了编辑器的内容,该控件将触发ValueChanged事件。

    Telerik UI Blazor事件
  • 本地化

    内置工具是完全可本地化的,它们的工具提示将根据当前活动的语言而改变。这使得编辑器可以在任何应用程序中使用,而不管用户的语言技能如何。

    了解更多关于Telerik UI Blazor编辑器本地化

    Telerik UI的开拓者全球化和本地化
  • 键盘导航

    与Blazor组件的大多数其他Telerik UI一样,编辑器内置键盘导航实现了,它允许你通过使用键盘轻松地浏览它。

    Telerik UI Bazor键盘导航

所有Blazor组件

下一个步骤

发射演示

看看Telerik UI的Blazor在行动,并检查它可以做多少开箱即用。

下载免费试用

尝试Telerik UI Blazor与专门的技术支持。

Baidu
map