New to Telerik UI for ASP.NET Core? Download free 30-day trial

Inline editing

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Theme Builder
  • inline_editing.cshtml
  • Inline_EditingController.cs

Also available for:

API REFERENCE

Description

This example shows how you can use the Core Editor to edit parts of the page inline and at the same time to have an overview of the real layout and appearance.

All you need to do to enable the inline editing is to set the .Tag("param") setting, where the "param" parameter should be a valid contentEditable element as the "div" used in this demo. If the Tag attribute is not set, the WYSIWYG editor will be rendered in its default TextArea mode.

Important

Editor widgets instantiated from a contentEditable element will not post their value to the server when submitted within a form. If you need to submit these, see the how to post the inline editor value help section.

Support & Learning Resources