在古腾堡编辑器中选择了特色图像后,如何运行操作?

时间:2019-07-23 作者:Jirrod

我找到了一些教程,例如DigitalApps.coThat Dev Girl 解释如何使用"wp.hooks.addFilter( \'editor.PostFeaturedImage\'"... 以创建/替换特色图像按钮的内容。

然而,这对我想做的事情没有多大帮助。我想连接到“保存图像”功能,以便在选择了该功能图像后,我可以打开一个弹出窗口,允许用户编辑该图像的背景位置。

我已经完成了代码,允许用户编辑背景定位并保存到帖子的元,只需要知道何时以及选择了哪个图像。我使用上述过滤器的路径是否正确?有人能给我指一下正确的方向吗?

谢谢

1 个回复
SO网友:Sören Wrede

块编辑器中的所有当前数据都存储在数据存储中。如果单击“保存”按钮,该数据将通过REST API发送到数据库。您可以从存储中选择数据并订阅更改。

// Create a higher-order component that updates automatically when featured image changes.
const applyWithSelect = withSelect( ( select ) => {
    const { getMedia } = select( \'core\' );
    const { getEditedPostAttribute } = select( \'core/editor\' );
    const featuredImageId = getEditedPostAttribute( \'featured_media\' );

    return {
        media: featuredImageId ? getMedia( featuredImageId ) : null,
        featuredImageId,
    };
} );

export default compose( [
    applyWithSelect,
] )( MyCustomBlockEdit );

source