R1 2019 Release is here. See what's new!
Change Theme

SASS Themes

LESS Themes

SASS Theme Builder

Create new or customize SASS themes
Launch Theme Builder
Edit in Theme Builder

Inline editing

Comprehensive HTML5/JavaScript framework
for modern web and mobile app development

Kendo UI is everything professional developers need to build HTML5 sites and mobile apps. Today, productivity of an average HTML/jQuery developer is hampered by assembling a Frankenstein framework of disparate JavaScript libraries and plug-ins.

Kendo UI has it all: rich jQuery-based widgets, a simple and consistent programming interface, a rock-solid DataSource, validation, internationalization, a MVVM framework, themes, templates and the list goes on.

Web app
development framework

Kendo UI Web provides you with a simple and consistent programming interface, polished and innovative UI widgets for the web, powered by jQuery, HTML5 & CSS3, a MVVM framework, themes which are easily customizable to fit the widgets to your web application, templates and much more. All that's left to do is to develop modern desktop and mobile web applications by leveraging your web development skills while unlocking the power of JavaScript, HTML5 & CSS3, and using the intuitive
Kendo UI Web.

Mobile app
development framework

Build native-like mobile apps for iPhone, Android and Blackberry, and deliver unmatched user experience without any extra coding.

Kendo UI Mobile is packed with easy-to-use jQuery-based widgets and built-in rich components for your fast mobile application development.

Rich UI widgets for interactive
data visualization

Create interactive data visualization with HTML5 and JavaScript, build rich web apps that look and behave native on any platform or device. Kendo UI DataViz uses SVG, and brings you a collection of UI widgets, including jQuery charts, gauges, and more.

Kendo UI DataViz uses automatic hardware acceleration for all animations and rendering, maximizing performance and minimizing the impact on CPU resources.


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.


This example shows how you can use the Kendo UI Editor to edit parts of the page inline and simultaneously have an overview of the real layout and appearance.

All you need to do to enable the inline editing is to set a css class with display: inline-block setting to an html element, where the element should be a valid contentEditable element as the "divs" rendered in this demo. If such a configuration is not set, the WYSIWYG editor will be rendered in its default textarea mode.

HTML5/JavaScript source

Also available for:

API Reference
  • inline-editing.html
  • Widget configuration

Support & learning resources

Editor for other technologies