Edit this page

Make Inline Editor Toolbar Always Visible

By design, the toolbar of the inline Editor shows up when the widget is focused and gets hidden when the Editor is blurred.

It is possible to override this behavior.

The following example demonstrates how to force the toolbar to be always visible.

Example
    <p>The Editor toolbar will remain visible after blurring the widget.</p>
    <br /><br /><br />
    <div id="editor">
        <p>Editor content</p>
    </div>

    <script>

    $(function(){
        $("#editor").kendoEditor({
        });

        // example start

        // retrieve the Editor widget object
        var editor = $("#editor").data("kendoEditor");

        // show the toolbar
        editor.toolbar.show();

        // detach the handler which hides the toolbar
        $(editor.body).addClass("k-state-active").off("focusout.kendoEditor");
    });

    </script>

See Also

For more runnable examples on the Kendo UI Editor, browse its How To documentation folder.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy