New to Telerik UI for JSP? Download free 30-day trial

<kendo:imageEditor>

A JSP wrapper for Kendo UI ImageEditor.

Configuration Attributes

height java.lang.Object

Configures the width of the ImageEditor.

Example

<kendo:imageEditor height="height">
</kendo:imageEditor>

imageUrl java.lang.String

Sets the url (or base64 string) for the image to open.

Example

<kendo:imageEditor imageUrl="imageUrl">
</kendo:imageEditor>

toolbar boolean

Configures the Toolbar of the ImageEditor Further configuration is available via kendo:imageEditor-toolbar.

Example

<kendo:imageEditor toolbar="toolbar">
</kendo:imageEditor>

width java.lang.Object

Configures the width of the ImageEditor.

Example

<kendo:imageEditor width="width">
</kendo:imageEditor>

Configuration JSP Tags

kendo:imageEditor-messages

Defines the text of the localizable UI parts of the FileManager.

More documentation is available at kendo:imageEditor-messages.

Example

<kendo:imageEditor>
    <kendo:imageEditor-messages></kendo:imageEditor-messages>
</kendo:imageEditor>

kendo:imageEditor-saveAs

Sets the saveAs options for the save command. Utilizes the kendo.saveAs method.

More documentation is available at kendo:imageEditor-saveAs.

Example

<kendo:imageEditor>
    <kendo:imageEditor-saveAs></kendo:imageEditor-saveAs>
</kendo:imageEditor>

kendo:imageEditor-toolbar

Configures the Toolbar of the ImageEditor

More documentation is available at kendo:imageEditor-toolbar.

Example

<kendo:imageEditor>
    <kendo:imageEditor-toolbar></kendo:imageEditor-toolbar>
</kendo:imageEditor>

Event Attributes

imageLoaded String

Fired when image is loaded. Can prevent the image rendering by calling the preventDefault() method.

For additional information check the imageLoaded event documentation.

Example

<kendo:imageEditor imageLoaded="handle_imageLoaded">
</kendo:imageEditor>
<script>
    function handle_imageLoaded(e) {
        // Code to handle the imageLoaded event.
    }
</script>

imageRendered String

Fired when canvas is rendered with the image. This event is triggered by commands and when drawCanvas method is called.

For additional information check the imageRendered event documentation.

Example

<kendo:imageEditor imageRendered="handle_imageRendered">
</kendo:imageEditor>
<script>
    function handle_imageRendered(e) {
        // Code to handle the imageRendered event.
    }
</script>

execute String

Fired when a command is executed.

For additional information check the execute event documentation.

Example

<kendo:imageEditor execute="handle_execute">
</kendo:imageEditor>
<script>
    function handle_execute(e) {
        // Code to handle the execute event.
    }
</script>

error String

Fired when an error happened with the image loading.

For additional information check the error event documentation.

Example

<kendo:imageEditor error="handle_error">
</kendo:imageEditor>
<script>
    function handle_error(e) {
        // Code to handle the error event.
    }
</script>

Event Tags

kendo:imageEditor-imageLoaded

Fired when image is loaded. Can prevent the image rendering by calling the preventDefault() method.

For additional information check the imageLoaded event documentation.

Example

<kendo:imageEditor>
    <kendo:imageEditor-imageLoaded>
        <script>
            function(e) {
                // Code to handle the imageLoaded event.
            }
        </script>
    </kendo:imageEditor-imageLoaded>
</kendo:imageEditor>

kendo:imageEditor-imageRendered

Fired when canvas is rendered with the image. This event is triggered by commands and when drawCanvas method is called.

For additional information check the imageRendered event documentation.

Example

<kendo:imageEditor>
    <kendo:imageEditor-imageRendered>
        <script>
            function(e) {
                // Code to handle the imageRendered event.
            }
        </script>
    </kendo:imageEditor-imageRendered>
</kendo:imageEditor>

kendo:imageEditor-execute

Fired when a command is executed.

For additional information check the execute event documentation.

Example

<kendo:imageEditor>
    <kendo:imageEditor-execute>
        <script>
            function(e) {
                // Code to handle the execute event.
            }
        </script>
    </kendo:imageEditor-execute>
</kendo:imageEditor>

kendo:imageEditor-error

Fired when an error happened with the image loading.

For additional information check the error event documentation.

Example

<kendo:imageEditor>
    <kendo:imageEditor-error>
        <script>
            function(e) {
                // Code to handle the error event.
            }
        </script>
    </kendo:imageEditor-error>
</kendo:imageEditor>
In this article
Not finding the help you need?