Angular的剑道UI

Angular富文本编辑器

  • 在任何Angular应用中嵌入一个全功能、一流的富文本编辑器。
  • Angular的Kendo UI库的一部分,以及100多个专业设计的组件,可以满足开发者对Angular UI的所有需求。
  • 通过屡获殊荣的支持,详细的文档,演示,虚拟教室和300万强大的开发人员社区,快速启动和运行。manbets登录
编辑器
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • 概述

    Angular编辑器的Kendo UI是一个富文本编辑器组件,或者称为所见即所得(WYSIWYG)组件。Angular编辑器可以帮助用户在任何Angular应用中创建富文本。编辑器提供了大量现成的工具和功能来帮助创建和操作文本。除了内置功能,Angular编辑器还提供了各种扩展点,以帮助开发人员创建自己的自定义工具,并扩展编辑器本身的行为。

    参见Angular Editor Overview演示

    Angular富文本编辑器概述
  • 工具

    工具代表了最终用户在Angular Editor的剑道UI中修改文本的所有可用功能。编辑器内置的工具包括:

    • 粗体、下划线、斜体和划线工具
    • 下标和上标工具
    • 文本对齐工具
    • 缩进和缩出工具
    • 有序和无序列表工具
    • 字体大小和字体名称工具
    • 用于预定义标题和段落样式的样式工具
    • 撤销和重做工具
    • 超链接工具
    • 插入图像对话框
    • 创建和修改表工具
    • 查看呈现的HTML工具
    • 选择所有
    • 打印
    • 表编辑

    参见Angular编辑器工具演示

    Angular富文本编辑器工具
  • 图像缩放

    允许用户使用熟悉的拖拽手柄来调整内容区域中的图像大小。此功能也可以被禁用。

    参见Angular Editor演示
    Editor-ImageResize
  • 获取和设置HTML内容

    Angular编辑器的Kendo UI允许开发人员以编程方式获取和设置编辑器的内容。多亏了这一点,加载和保存内容到数据库,甚至在用户编辑Angular编辑器的内容之前或之后操纵内容,都可以很容易地实现。

    Angular编辑器的剑道UI——获取和设置HTML内容
  • 占位符

    使用占位符来定义要在Angular编辑器的输入区显示的初始文本。一个典型的例子是显示“在这里输入文本”来引导用户添加他们的信息。
  • 调整

    默认情况下,Angular富文本编辑器是不可调整大小的,但在某些情况下,终端用户希望将他们的工作区域调整得更大或更小。在这种情况下,您需要做的就是将resizable选项设置为true。您可以限制维度以使Editor保持在特定的空间中,或者根本不设置任何限制。

    参见Angular富文本编辑器可调整大小演示

  • 插件支持

    Angular编辑器组件使用ProseMirror插件系统,它允许你构建自己的特性。请参阅下面链接的演示,其中包括当文本突出显示时弹出的工具,以及当文本匹配条件时转换文本的输入规则。

    参见Angular Editor插件演示
    Angular编辑器组件-自定义ProseMirror插件
  • 形式支持

    由于支持模板驱动表单和响应式表单,Angular编辑器的Kendo UI可以很容易地与任何现有的Angular应用集成。

    参见Angular编辑器表单支持演示

    Angular编辑器的剑道UI -表单支持
  • 检索选定文本

    为了方便,Angular的富文本编辑器包含了一个字段selectionText,它会自动填充用户选择的任何文本。这在与其他组件集成时非常有用。

    参见Angular富文本编辑器选择演示

  • 全球化

    Angular编辑器的剑道UI有许多内置字符串,通常通过工具提示提供,为用户提供Angular编辑器中每个工具的更多上下文。你可以将这些字符串更改为自定义消息,或者通过配置选项或外部消息文件在整个Angular编辑器中翻译成另一种语言。此外,Angular编辑器的剑道UI允许文本从右向左呈现。

    参见Angular编辑器全球化演示

  • 键盘导航

    Angular编辑器的剑道UI的每个方面都可以通过键盘导航导航到,并与之交互。这允许用户只使用键盘与Angular编辑器交互。

  • 可访问性

    Angular编辑器的剑道UI在WCAG 2.0中是AAA级的,并且同时符合WAI-ARIA和Section 508标准。

    剑道UI为Angular -日历的可访问性
剑道Angular UI入门背景

开始学习Angular的剑道UI

剑道UI
Baidu
map