Gutenberg-Kernblöcke – Optionen entfernen

Die Verwendung von Kern-WP-Gutenberg-Blöcken ist fantastisch, aber in bestimmten Fällen möchte ich die verfügbaren Optionen verfeinern, um die Benutzererfahrung meiner Kunden zu verbessern und zu vermeiden, dass sie zu viele Optionen haben.

Zum Beispiel möchte ich im Heading-Block die ‘Levels’ H1 & H6 sowie alle ‘Alignment’-Optionen entfernen.

Im Absatzblock möchte ich die Optionen „Schriftgröße“ und „Drop Cap“ deaktivieren.

Ich habe die API-Dokumentation ohne Glück durchforstet.

Du kannst den … benutzen editor.BlockEdit Filter. Ich habe das Beispiel aus dem Handbuch kopiert, um es hier beizubehalten.

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 );

Was Sie ändern möchten, sind die Blöcke <Toolbar>-Komponente.