The Kendo UI for Angular Editor is a Rich Text Editor componentthat 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, images, and tables. 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.
Features
Tools and Toolbar: The Angular Editor includes a built-in toolbar with all the tools users expect in a text editing application. If you need to implment any features beyons what's built-in, the component supports that tool. Built-in tools 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
Select All
Print
Table editing
Image Support: The Angular Rich Text Editor allows users to import (or paste), move, and resize images.
Get and Set HTML: Developers can get and set the content of the Editor programmatically. Thanks to this, loading and saving content to a database can be implemented with ease.
Placeholders: Load default text or other content in the Editor's input area. This is normally used to display instructions to the user.
Resizing: Optionally allow users to resize the Editor on the page so they can work how they want.
Plugin 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.
Retrieve Selected Text: A hidden field captures any text that the user selects to make it easy to pass it to other components or forms.
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.
Keyboard Naviagtion: Every aspect of the 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 Editor is AAA rated for WCAG 2.0, and compliant with both WAI-ARIA and Section 508 standards.
The Kendo UI for Angular Calendar is part of the Kendo UI for Angular component library. With 100+ Components, 3 themes (standard, Material, Bootstrap), Theme Builder, and UI Kits for Figma, Kendo UI for Angular is the library professional developers rely on. See the entire list at www.telerik.com/kendo-angular-ui.
Our most popular components:
