我想编辑core/heading
阻止以更改其标记<h1>Hello world</h1>
到<h1><span>Hello world</span></h1>
. 注意<span>
元素之间。
下面的代码不能正常工作。它将跨度添加到块外部,作为包装器。<span><h1>Hello world</h1></span>
. 有没有办法改变<BlockEdit/>
要素目标应该是不要将span元素添加到内容字段中。
我想,如果修改编辑部分,我是否也应该在保存部分上镜像这一点?
const { createHigherOrderComponent } = wp.compose;
const { Fragment } = wp.element;
const { InspectorControls } = wp.blockEditor;
const { PanelBody } = wp.components;
const withInspectorControls = createHigherOrderComponent( ( BlockEdit ) => {
return ( props ) => {
if (props.name !== "core/heading") {
return <BlockEdit { ...props } />;
}
return (
<Fragment>
<span>
<BlockEdit { ...props } />
</span>
</Fragment>
);
};
}, "withInspectorControl" );
wp.hooks.addFilter( \'editor.BlockEdit\', \'my-plugin/with-inspector-controls\', withInspectorControls );