向Gutenberg核心/段落块控件添加格式按钮

在内容中插入核心/段落块时，我们可以从内容上方的控件中选择“加粗”、“添加链接”等选项：

对于我的客户，我想为<sup></sup> 和<sub></sub>, 为了能够写出简单的化学或数学公式，例如CO2或m2。

我试过这样的东西，用一个过滤器（取自here):

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

const withInspectorControls =  createHigherOrderComponent( ( BlockEdit ) => {
    return ( props ) => {
        return (
            <Fragment>
                <BlockControls>
                    // what should I enter here?
                </BlockControls>
                <BlockEdit { ...props } />
            </Fragment>
        );
    };
}, "withInspectorControl" );

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

a）如何在过滤后的<BlockControls>?

b）这是正确的方法吗？

Update 2019-01-24

现已提供官方教程here. 我还没有试过，但它似乎正是我想要的。

相关推荐