reactjs - 在 WordPress 中更改核心 Gutenberg-block 的渲染

Question

我遇到了这个答案getSaveElement，通过使用过滤器来修改核心块渲染。代码如下：

function modifyGetSaveContentExtraProps( element, blockType, attributes ) {
    return (
        <div className = 'heading-wrapper' >
            { element }
        </div>
    );
}


wp.hooks.addFilter(
    'blocks.getSaveElement',
    'slug/modify-get-save-content-extra-props',
    modifyGetSaveContentExtraProps
);

这在前端工作，渲染被改变，但在块编辑器中它仍然使用默认的块渲染。

如何让块编辑器也反映/刷新更改？

标签： reactjswordpresswordpress-gutenberggutenberg-blocks

Answer 1

    function modifyBlockEdit( editComponent ) {
         return (
            <div className = 'heading-wrapper' >
              { editComponent }
           </div>
     );
   }

     wp.hooks.addFilter(
       'blocks.blockEdit',
       'slug/modify-blockEdit',
       modifyBlockEdit
      );