Kendo UI for Angular

Editor

  • Embed a full-featured, best-in-class rich text editor into any Angular application.
  • Part of the Kendo UI for Angular library along with more than 100 professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.

Angular UI Component Library
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for Angular Editor is a Rich Text Editor component, alternatively called a What You See Is What You Get (WYSIWYG) component. The Angular Editor helps users create rich text within any Angular application. The Editor features a large set of available tools and functionality out of the box to help create and manipulate text. Beyond built-in functionality, the Angular Editor also features various extension points to help developers create their own custom tools and extend the behavior of the Editor itself.

    See Angular Editor Overview demo.

    Kendo UI for Angular - Editor Overview
  • Tools

    Tools represent all the functionality available to the end-user to modify the text within the Kendo UI for Angular Editor. Out of the box, the tools that come built-in to the Editor include:

    • Bold, underline, italics, and strike-through tools
    • Subscript and superscript tools
    • Text aligning tools
    • Indent and outdent tools
    • Ordered and unordered list tools
    • Font Size and Font Name tools
    • Styling tools for predefined headers and paragraph styling
    • Undo and redo tools
    • Hyperlink tools
    • Insert image dialog
    • Create and modify table tools
    • View rendered HTML tools

    See Angular Editor Tools demo.

    Kendo UI for Angular Editor - Tools
  • Getting and Setting HTML Content

    The Kendo UI for Angular Editor allows developers to get and set the content of the Editor programmatically. Thanks to this, loading and saving content to a database, or even manipulating the content before or after users have edited the Angular Editor’s content, can be implemented with ease.

    Kendo UI for Angular Editor - Getting and Setting HTML Content
  • Placeholders

    Use placeholders to define initial text to be displayed in the input area of an Angular editor. A typical example is displaying “Enter text here” to direct a user to add their information.
  • Plugins Support

    The Angular Editor Component users the ProseMirror plug-in system which allows you to build your own features. See the demos linked below for examples that include tools that pop up when text is highlighted and input rules that transforms text when it matches conditions.

    See the Angular Editor plugins demo
    Angular Editor Component - Custom ProseMirror plugins
  • Forms Support

    The Kendo UI for Angular Editor can easily be integrated with any existing Angular applications thanks to support for both Template-driven forms and Reactive forms.

    See Angular Editor Forms Support demo.

    Kendo UI for Angular Editor - Forms Support
  • Globalization

    The Kendo UI for Angular Editor has many built-in strings, often served through tooltips, to provide users with more context for each tool of the Angular Editor. You can change these strings to be custom messages or to be translated to another language across the entire Angular Editor through configuration options or an external message file. Additionally, the Kendo UI for Angular Editor enables text to be rendered right to left.

    See Angular Editor Globalization demo.

    Kendo UI for Angular Editor - Globalization
  • Keyboard Navigation

    Every aspect of the Kendo UI for Angular Editor can be navigated to, and interacted with, through keyboard navigation. This allows users to interact with the Angular Editor using just the keyboard.

  • Accessibility

    The Kendo UI for Angular Editor is AAA rated for WCAG 2.0, and compliant with both WAI-ARIA and Section 508 standards.

    Kendo UI for Angular - Calendar Accessibility
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI