Практические руководства

Общие правила кастомизации описаны в соответствующем разделе.

Кастомизация кнопок тулбара Text/Background color

По умолчанию, у кнопок Text color и Background color над палитрой цветов есть кнопка сброса цвета.

При необходимости, вы можете выключить эту кнопку одним из следующих способов:

• установив свойство clear:false для палитры в конфигурации соответствующей кнопки тулбара:

webix.ui({
    view: "editor",
    value: "<p>Some text</p>",
    toolbar: {
        font:[
            {
                view: "rt-editor-colorpicker",
                css: "webix_rte_toolbar_button",
                name: "text-color",
                width: 60,
                source: "color",
                topIcon: "rti-color-text",
                tooltip: "Text color",
                suggest:{ 
                    type:"colorboard", 
                    body: { 
                        clear:false  
                    } 
                },
            },
        ]
    },
    upload: "https://docs.webix.com/editor-backend/images"
});

• при кастомизации тулбара, переопределив функцию init() в классе JetView:

class Toolbar extends editor.views["topbar/toolbar"] {
    init(view){
        const color = view.queryView({name: "text-color"});
        if (color) { 
          const cboard = color.getPopup().getBody();
          cboard.define({ clear: false }); 
          cboard.refresh();
        }
        super.init();
    }
}
 
webix.ui({
    view: "editor",
    value: "<p>Some text</p>",
    upload: "https://docs.webix.com/editor-backend/images",
    override: new Map([
        [editor.views.topbar, Toolbar]
    ])
});

Наверх