New to Kendo UI for Angular? Start a free 30-day trial

Hide the Read-Only Editor Toolbar


ProductProgress® Kendo UI® for Angular Editor


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


To hide the Editor toolbar use custom CSS 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.

View Source
Change Theme:

In this article

Not finding the help you need?