古腾堡核心块 - 删除选项

Posted 2023-02-19

【中文标题】古腾堡核心块 - 删除选项

【英文标题】：Gutenberg core blocks - remove options

【发布时间】：2019-09-20 21:18:29

【问题描述】：

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

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

在段落块中，我想禁用“字体大小”和“首字下沉”选项。

我浏览了 API 文档，但没有成功。

【参考方案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。

【讨论】：

默认工具栏的链接已弃用。很高兴有一个实际示例如何在此答案中删除一个特定的阻止选项，以便我和其他人弄清楚:)