\Kendo\UI\ImageEditor

A PHP wrapper for Kendo UI ImageEditor.

Inherits from \Kendo\UI\Widget.

Usage

To use ImageEditor in a PHP page instantiate a new instance, configure it via the available configuration methods and output it by echo-ing the result of the render method.

Using Kendo ImageEditor

<?php
// Create a new instance of ImageEditor and specify its id
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');

// Configure it
$imageEditor->height(1)

// Output it

echo $imageEditor->render();
?>

Methods

error

Fired when an error happened with the image loading. For additional information check the error event documentation.

Returns

\Kendo\UI\ImageEditor

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->error('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onError(e) {
        // handle the error event.
    }
</script>
<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->error('onError');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->error(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

execute

Fired when a command is executed. For additional information check the execute event documentation.

Returns

\Kendo\UI\ImageEditor

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->execute('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onExecute(e) {
        // handle the execute event.
    }
</script>
<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->execute('onExecute');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->execute(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

height

Configures the width of the ImageEditor.

Returns

\Kendo\UI\ImageEditor

Parameters

$value float|string

Example - using float

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->height(1);
?>

Example - using string

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->height('value');
?>

imageLabel

Sets the label used for the element to describe the image contents.

Returns

\Kendo\UI\ImageEditor

Parameters

$value string

Example

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->imageLabel('value');
?>

imageLoaded

Fired when image is loaded. Can prevent the image rendering by calling the preventDefault() method. For additional information check the imageLoaded event documentation.

Returns

\Kendo\UI\ImageEditor

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->imageLoaded('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onImageLoaded(e) {
        // handle the imageLoaded event.
    }
</script>
<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->imageLoaded('onImageLoaded');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->imageLoaded(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

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.

Returns

\Kendo\UI\ImageEditor

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->imageRendered('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onImageRendered(e) {
        // handle the imageRendered event.
    }
</script>
<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->imageRendered('onImageRendered');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->imageRendered(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

imageUrl

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

Returns

\Kendo\UI\ImageEditor

Parameters

$value string

Example

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->imageUrl('value');
?>

messages

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

Returns

\Kendo\UI\ImageEditor

Parameters

$value \Kendo\UI\ImageEditorMessages|array

Example - using \Kendo\UI\ImageEditorMessages

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$messages = new \Kendo\UI\ImageEditorMessages();
$toolbar = new \Kendo\UI\ImageEditorMessagesToolbar();
$messages->toolbar($toolbar);
$imageEditor->messages($messages);
?>

Example - using array

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$toolbar = new \Kendo\UI\ImageEditorMessagesToolbar();
$imageEditor->messages(array('toolbar' => $toolbar));
?>

saveAs

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

Returns

\Kendo\UI\ImageEditor

Parameters

$value \Kendo\UI\ImageEditorSaveAs|array

Example - using \Kendo\UI\ImageEditorSaveAs

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$saveAs = new \Kendo\UI\ImageEditorSaveAs();
$fileName = 'value';
$saveAs->fileName($fileName);
$imageEditor->saveAs($saveAs);
?>

Example - using array

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$fileName = 'value';
$imageEditor->saveAs(array('fileName' => $fileName));
?>

toolbar

Configures the Toolbar of the ImageEditor

Returns

\Kendo\UI\ImageEditor

Parameters

$value boolean|\Kendo\UI\ImageEditorToolbar|array

Example - using boolean

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->toolbar(true);
?>

Example - using \Kendo\UI\ImageEditorToolbar

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$toolbar = new \Kendo\UI\ImageEditorToolbar();
$click = new \Kendo\JavaScriptFunction('function() { }');
$toolbar->click($click);
$imageEditor->toolbar($toolbar);
?>

Example - using array

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$click = new \Kendo\JavaScriptFunction('function() { }');
$imageEditor->toolbar(array('click' => $click));
?>

width

Configures the width of the ImageEditor.

Returns

\Kendo\UI\ImageEditor

Parameters

$value float|string

Example - using float

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->width(1);
?>

Example - using string

<?php
$imageEditor = new \Kendo\UI\ImageEditor('ImageEditor');
$imageEditor->width('value');
?>
In this article
Not finding the help you need?