<kendo:editor>

A JSP wrapper for Kendo UI Editor.

Configuration Attributes

content java.lang.Object

The content of the editor

Example

<kendo:editor content="content">
</kendo:editor>

domain java.lang.String

Relaxes the same-origin policy when using the iframe-based editor. This is done automatically for all cases except when the policy is relaxed by document.domain = document.domain. In that case, this property must be used to allow the editor to function properly across browsers. This property has been introduced in internal builds after 2014.1.319.

Example

<kendo:editor domain="domain">
</kendo:editor>

encoded boolean

Indicates whether the Editor should submit encoded HTML tags. By default, the submitted value is encoded.

Example

<kendo:editor encoded="encoded">
</kendo:editor>

immutables boolean

If enabled, the editor disables the editing and command execution in elements marked with editablecontent="false" attribute. Further configuration is available via kendo:editor-immutables.

Example

<kendo:editor immutables="immutables">
</kendo:editor>

resizable boolean

If enabled, the editor renders a resize handle to allow users to resize it. Further configuration is available via kendo:editor-resizable.

Example

<kendo:editor resizable="resizable">
</kendo:editor>

stylesheets java.lang.Object

Allows custom stylesheets to be included within the editing area. This setting is applicable only when the Editor is initialized from a textarea and a contenteditable iframe is generated.

Example

<kendo:editor stylesheets="stylesheets">
</kendo:editor>

tag java.lang.String

The tag that will be rendered. Defaults to "textarea". Triggers the inline edit mode if different.

Example

<kendo:editor tag="tag">
</kendo:editor>

Configuration JSP Tags

kendo:editor-deserialization

Fine-tune deserialization in the Editor widget. Deserialization is the process of parsing the HTML string input from the value() method or from the viewHtml dialog into editable content.

More documentation is available at kendo:editor-deserialization.

Example

<kendo:editor>
    <kendo:editor-deserialization></kendo:editor-deserialization>
</kendo:editor>

kendo:editor-fileBrowser

Configuration for file browser dialog.

More documentation is available at kendo:editor-fileBrowser.

Example

<kendo:editor>
    <kendo:editor-fileBrowser></kendo:editor-fileBrowser>
</kendo:editor>

kendo:editor-imageBrowser

Configuration for image browser dialog.

More documentation is available at kendo:editor-imageBrowser.

Example

<kendo:editor>
    <kendo:editor-imageBrowser></kendo:editor-imageBrowser>
</kendo:editor>

kendo:editor-immutables

If enabled, the editor disables the editing and command execution in elements marked with editablecontent="false" attribute.

More documentation is available at kendo:editor-immutables.

Example

<kendo:editor>
    <kendo:editor-immutables></kendo:editor-immutables>
</kendo:editor>

kendo:editor-messages

Defines the text of the labels that are shown within the editor. Used primarily for localization.

More documentation is available at kendo:editor-messages.

Example

<kendo:editor>
    <kendo:editor-messages></kendo:editor-messages>
</kendo:editor>

kendo:editor-pasteCleanup

Options for controlling how the pasting content is modified before it is added in the editor.

More documentation is available at kendo:editor-pasteCleanup.

Example

<kendo:editor>
    <kendo:editor-pasteCleanup></kendo:editor-pasteCleanup>
</kendo:editor>

kendo:editor-pdf

Configures the Kendo UI Editor PDF export settings.

More documentation is available at kendo:editor-pdf.

Example

<kendo:editor>
    <kendo:editor-pdf></kendo:editor-pdf>
</kendo:editor>

kendo:editor-resizable

If enabled, the editor renders a resize handle to allow users to resize it.

More documentation is available at kendo:editor-resizable.

Example

<kendo:editor>
    <kendo:editor-resizable></kendo:editor-resizable>
</kendo:editor>

kendo:editor-serialization

Allows setting of serialization options.

More documentation is available at kendo:editor-serialization.

Example

<kendo:editor>
    <kendo:editor-serialization></kendo:editor-serialization>
</kendo:editor>

kendo:editor-tools

A collection of tools that are used to interact with the Editor. Tools may be switched on by specifying their name. Custom tools and tools that require configuration are defined as objects.The available editor commands are:

More documentation is available at kendo:editor-tools.

Example

<kendo:editor>
    <kendo:editor-tools></kendo:editor-tools>
</kendo:editor>

Event Attributes

change String

Fires when Editor is blurred and its content has changed.

For additional information check the change event documentation.

Example

<kendo:editor change="handle_change">
</kendo:editor>
<script>
    function handle_change(e) {
        // Code to handle the change event.
    }
</script>

execute String

Fires when an Editor command is executed.

For additional information check the execute event documentation.

Example

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

keydown String

Fires when the user depresses a keyboard key. Triggered multiple times if the user holds the key down.

For additional information check the keydown event documentation.

Example

<kendo:editor keydown="handle_keydown">
</kendo:editor>
<script>
    function handle_keydown(e) {
        // Code to handle the keydown event.
    }
</script>

keyup String

Fires when the user releases a keyboard key.

For additional information check the keyup event documentation.

Example

<kendo:editor keyup="handle_keyup">
</kendo:editor>
<script>
    function handle_keyup(e) {
        // Code to handle the keyup event.
    }
</script>

paste String

Fires before the content is pasted in the Editor.

For additional information check the paste event documentation.

Example

<kendo:editor paste="handle_paste">
</kendo:editor>
<script>
    function handle_paste(e) {
        // Code to handle the paste event.
    }
</script>

pdfExport String

Fired when the user clicks the "Export to PDF" toolbar button.

For additional information check the pdfExport event documentation.

Example

<kendo:editor pdfExport="handle_pdfExport">
</kendo:editor>
<script>
    function handle_pdfExport(e) {
        // Code to handle the pdfExport event.
    }
</script>

select String

Fires when the Editor selection has changed.

For additional information check the select event documentation.

Example

<kendo:editor select="handle_select">
</kendo:editor>
<script>
    function handle_select(e) {
        // Code to handle the select event.
    }
</script>

Event Tags

kendo:editor-change

Fires when Editor is blurred and its content has changed.

For additional information check the change event documentation.

Example

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

kendo:editor-execute

Fires when an Editor command is executed.

For additional information check the execute event documentation.

Example

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

kendo:editor-keydown

Fires when the user depresses a keyboard key. Triggered multiple times if the user holds the key down.

For additional information check the keydown event documentation.

Example

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

kendo:editor-keyup

Fires when the user releases a keyboard key.

For additional information check the keyup event documentation.

Example

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

kendo:editor-paste

Fires before the content is pasted in the Editor.

For additional information check the paste event documentation.

Example

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

kendo:editor-pdfExport

Fired when the user clicks the "Export to PDF" toolbar button.

For additional information check the pdfExport event documentation.

Example

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

kendo:editor-select

Fires when the Editor selection has changed.

For additional information check the select event documentation.

Example

<kendo:editor>
    <kendo:editor-select>
        <script>
            function(e) {
                // Code to handle the select event.
            }
        </script>
    </kendo:editor-select>
</kendo:editor>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve the information

close
Dummy