Hide the Read-Only Editor Toolbar

Environment

Product

Progress® Kendo UI® for Angular Editor

Description

How to hide the toolbar of a read-only Kendo UI for Angular Editor?

Solution

To hide the Editor toolbar use custom CSS code:

css

.k-editor .k-toolbar {
    display: none;
}

To set the read-only state of the Editor, use the built-in readonly property of the component.

The following example demonstrates how to hide the toolbar of the Editor.

Change Theme

Theme

Loading ...