toolbar

defines whether the default toolbar is shown or specifies the toolbar configuration

boolean|object|array toolbar;

Example

webix.ui({
    type: "space",
    cols: [
        {
            view: "editor",
            toolbar: ["bold", "italic", "strike", "separator", "link"], 
        },
    ],
});


Default value:

true
Details

By default, the initial set of options is rendered in the toolbar.

You can also render particular toolbar buttons, set custom configurations for toolbar buttons, or adjust the necessary groups of buttons. Check the related section.

As toolbar is a reactive property, you can also access and alter it via the widget state:

// defining an array of toolbar buttons to render
$$("editor").getState().toolbar = ["undo", "redo", "style", "font-family"];
See also
Back to top