ImageEditor Overview

The ImageEditor utilizes a canvas element and enables image editing. It allows you to open, edit and save edited images.

Kendo UI for jQuery Kendoka image

The Image Editor is part of Kendo UI for jQuery, a professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the ImageEditor

To initialize the ImageEditor, use an existing div element and a jQuery selector.

    <div id="imageEditor"></div>
    <script>
      $(document).ready(function(){
          $("#imageEditor").kendoImageEditor();
      });
    </script>

Functionality and Features

Events

For an example on the ImageEditor events, refer to the demo on using the events of the ImageEditor.

Referencing Existing Instances

You can access an existing ImageEditor instance by using the .data() jQuery method. After the reference is established, use the JavaScript API reference of the ImageEditor to control its behavior.

    var imageEditor = $("#imageEditor").data("kendoImageEditor");

See Also

In this article
Not finding the help you need? Improve this article