All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      Editor / 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.

      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.

      Description

      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