Kendo UI R3'17 Release Webinar is near! Sign up to watch technical demos of the freshly released bits, including support for React and Vue.
All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Editor / MVVM

      Enter some content

      Console

      Configuration

      Information

      Kendo UI Editor supports the events, value and visible bindings.

      Description

      The MVVM feature of the Kendo UI framework provides powerful two-way data binding capabilities, built on the popular Model-View-ViewModel concept. In this way you can easily make attribute values for widgets observable and modify them automatically when changes are applied in the data source, or alter the underlying data when the user interacts with the UI.

      In this example we show how to configure the Kendo UI Editor to make use of the MVVM functionality exposed by the framework. For this purpose we create a viewmodel instance (with kendo.observable call), and instantiate the widget, its attributes and binding definition using data- attributes (on a textarea html element). The important detail to wire the viewmodel is to invoke kendo.bind to the container element of the editor, passing the viewmodel as a second argument. Review the code snippets from the demo for more info.

      Details on the MVVM features of the Kendo UI framework can be obtained from this chapter of the documentation.

      HTML5/JavaScript source

      API Reference
      • mvvm.html
      • Widget configuration

      Support & learning resources