Kendo UI for jQuery Editor Overview

The Editor allows you to create rich textual content through a What-You-See-Is-What-You-Get (WYSIWYG) interface and generate component value as an XHTML markup.

• Demo page for the Editor

Functionality and Features

Feature	Definition
Read-only Editor	The Editor supports an inactive, read-only state.
Modes of operation	You can render the Editor in its classic or the inline mode.
Tools	The component provides a predefined collection of user interaction tools.
Selection	The Editor allows you to work with standard range objects that provide a polyfill for Internet Explorer versions which do not fully support them.
Image browser	The component provides two ways of picking an image—by pasting an URL of an image or by browsing a list of predefined files and directories.
Format painter	The Editor allows users to select a section of text and copy its formatting (font, size, color, and so on) and apply it to another section within the content.
Immutable elements	You can also add HTML elements to the Editor that cannot be modified by the user.
Pasting content	The Editor accepts content that users paste from HTML and Microsoft (MS) Word documents.
Post-processing content	If the Editor is within a <form> element, the convenient moment to post-process its content is right before the <form> is posted to the server in the submit event.
Preventing cross-site scripting	The Editor provides options for addressing security risks that can be caused by allowing the users to enter the HTML of your site.
Using the Table Wizard tool	The Editor delivers the Table Wizard tool which enables the user to add and configure tables.
Appearance	The Editor supports a number of options for styling its appearance such as configuring its size, using the default styles, and adding custom styles.

CSP Compliance

The Editor component relies on inline styles for several of its features. If strict CSP mode is enabled for the application you can use the following configuration options to make the Editor component CSP-compliant:

• Use the nonce configuration and pass a value for the nonce attribute. The passed value would be used as the nonce attribute for the inline styles in the content area iframe, the placeholder inline style and the link tags loading external stylesheets in the content area.
• Use the unsafeInline configuration and set it to false, so no inline styles are used by the formatting tool. As a result no decoration will be applied to the formatting tool dropdown and the formatted values will appear as plain text. Actual formatting will be applied (for example if the content of the Editor is exported to MS Word), but the applied format will not be visible in the Editor component, due to the enabled strict CSP mode.

Next Steps

• Getting Started with the Kendo UI Editor for jQuery
• Basic Usage of the Editor (Demo)
• Using the API of the Editor (Demo)

See Also

• JavaScript API Reference of the Editor
• Demo Page for the jQuery Editor
• Knowledge Base Section
• jQuery Editor Product Page