古腾堡使用块过滤器添加样式属性

时间:2019-03-02 21:26:51

标签: wordpress wordpress-gutenberg

我正在尝试使用block filter将块编辑器中的样式属性添加到块的包装器中:

const addStyle = createHigherOrderComponent( ( BlockListBlock ) => {
    return ( props ) => {
        return <BlockListBlock { ...props } className="my-class" style="color: red" />;
    };
}, 'addStyle' );

wp.hooks.addFilter( 'editor.BlockListBlock', 'my-plugin/add-style', addStyle );

仅将my-class类名称添加到class属性,但不添加样式属性。是否可以添加样式属性?该文档指出:

  

它接收原始的BlockListBlock组件并返回一个新的   包装的组件。

但没有说您只能添加类名称。

1 个答案:

答案 0 :(得分:0)

对于渲染部分,它是:

wp.hooks.addFilter('blocks.getSaveContent.extraProps','my-plugin/add-style', function(props, name, atts){
    return Object.assign(props, { 'style': 'color: red' });
});

无法为编辑功能tho弄清楚。