block editor - how to disable a button added by a plugin in gutenberg toolbar?

admin管理员组

文章数量:1391951

I am trying to disable a gutenberg toolbar button added by myself following this tutorial. /

But there is no docs for disabling the toolbar button, i have tried to fiddle with isActive property of that button, setting it to true or false doesnt seem to have effect on toolbar button. There seems to be nothing in docs explaining this condition, I need a way to disable the toolbar button

I am trying to disable a gutenberg toolbar button added by myself following this tutorial. https://developer.wordpress/block-editor/tutorials/format-api/2-toolbar-button/

But there is no docs for disabling the toolbar button, i have tried to fiddle with isActive property of that button, setting it to true or false doesnt seem to have effect on toolbar button. There seems to be nothing in docs explaining this condition, I need a way to disable the toolbar button

• block-editor

Share Improve this question asked Feb 24, 2020 at 7:16 NaveenNaveen 12733 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

I have found that you could add a className attribute to the button and select the button by document.getElementsByClassName query selector. so the code would be this

( function( wp ) {
    var MyCustomButton = function( props ) {
        return wp.element.createElement(
            wp.editor.RichTextToolbarButton, {
                icon: 'editor-code',
                title: 'Sample output',
                className: "foo"
                onClick: function() {
                    console.log( 'toggle format' );
                },
            }
        );
    }
    wp.richText.registerFormatType(
        'my-custom-format/sample-output', {
            title: 'Sample output',
            tagName: 'samp',
            className: null,
            edit: MyCustomButton,
        }
    );
} )( window.wp );

with className foo added to the button.

本文标签： block editorhow to disable a button added by a plugin in gutenberg toolbar