我正在尝试使用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组件并返回一个新的 包装的组件。
但没有说您只能添加类名称。
答案 0 :(得分:0)
对于渲染部分,它是:
wp.hooks.addFilter('blocks.getSaveContent.extraProps','my-plugin/add-style', function(props, name, atts){
return Object.assign(props, { 'style': 'color: red' });
});
无法为编辑功能tho弄清楚。