如何禁用古腾堡工具栏中插件添加的按钮?

时间:2020-02-24 作者:Naveen

我正在尝试禁用我在本教程之后添加的古腾堡工具栏按钮。https://developer.wordpress.org/block-editor/tutorials/format-api/2-toolbar-button/

但是,没有用于禁用工具栏按钮的文档,我曾尝试摆弄该按钮的isActive属性,将其设置为true或false似乎对工具栏按钮没有影响。文档中似乎没有解释这种情况,我需要一种方法来禁用工具栏按钮

1 个回复
SO网友:Naveen

我发现您可以向按钮添加一个className属性,并通过文档选择按钮。getElementsByClassName查询选择器。所以代码应该是这样的

( 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 );
将类名foo添加到按钮。

相关推荐