hide toolbar buttons

[hellhorse123]

Is there a way to hide some buttons on the toolbar via Editor options?

[rrodionov91]

Hi @hellhorse123

There is "buttons" property in Editor component:

[rrodionov91]

Example

buttons={{ save: { hidden: true } }}

[rbgros1]

I have the same question. Below, I have pasted the code that I am using to initiate a ketcher canvas and the editor associated with it. Now I want to hide the Add image button on the western toolbar and the Switch to macromolecule mode on the northern toolbar. How do I use this editor to hide buttons?

var ketcherInstances = [];

function initKetcher(appletName) {
    const ketcherFrame = document.getElementById(appletName);
    if ('contentDocument' in ketcherFrame) {
        var contentWindow = ketcherFrame.contentWindow;
        if (contentWindow && contentWindow.ketcher) {
            ketcherInstances[appletName] = contentWindow.ketcher;
            ketcherInstances[appletName].editor.buttons = {
                { addImage: { hidden: true } }
            };
        } else {
            // wait, try again
            setTimeout('initKetcher("' + appletName + '");', 200);
        }
    } else {
        alert('Cannot find content in iframe; aborting.');
    } // if there's a ketcher in the iframe
} // initKetcher()