New to Kendo UI for jQuery? Download free 30-day trial

Immutable Elements

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • immutable-elements.html

Also available for:

API REFERENCE

Description

The Kendo UI Editor widget and its Immutable Elements feature enables you to predefine elements in the content area that cannot be edited by the end user. 

This demo shows a use case where a mail form is to be edited. You can see also:

  1. How to enable the Immutable Elements—by using the immutables option;
  2. How to define the HTML elements that cannot be edited—by adding the contenteditable='false' attribute;
  3. How to use the immutables.serialization and immutables.deserialization option to change the data shown in the viewHtml dialog and enable end user to control the CSS text-align property from there;
  4. How to define default styles for the immutable elements;
  5. And how to define styles when an immutable element is selected to improve UX.

Support & Learning Resources