Hide the Read-Only Editor Toolbar

Environment

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:

Copy Code.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.