古腾堡核心块 - 删除选项

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>组件。