All Components


    Editor / Inline editing

    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

    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

    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 MVC 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.

    ASP.NET MVC source

    Also available for:

    • inline_editing.cshtml
    • Inline_EditingController.cs

    Support & learning resources

    Editor for other technologies