Question

使用核心WP Gutenberg块是很棒的，但是在某些情况下，我想优化可用选项以改善客户的用户体验，并避免他们选择太多。

例如，在“标题”块中，我想删除“级别” H1和H6，以及所有“对齐”选项。

在段落区域中，我想禁用“字体大小”和“下降上限”选项。

我不走运地搜索API文档。

Answer 1

您可以使用editor.BlockEdit过滤器。我从手册中复制了示例，以保留在此处。

const { createHigherOrderComponent } = wp.compose;
const { Fragment } = wp.element;
const { InspectorControls } = wp.editor;
const { PanelBody } = wp.components;

const withInspectorControls =  createHigherOrderComponent( ( BlockEdit ) => {
    return ( props ) => {
        return (
            <Fragment>
                <BlockEdit { ...props } />
                <InspectorControls>
                    <PanelBody>
                        My custom control
                    </PanelBody>
                </InspectorControls>
            </Fragment>
        );
    };
}, "withInspectorControl" );

wp.hooks.addFilter( 'editor.BlockEdit', 'my-plugin/with-inspector-controls', withInspectorControls );

您要更改的是块<Toolbar>-Component。另请参见default Toolbar for the heading block on github。

古腾堡核心块-删除选项

1 个答案: