以编程方式打开“块设置”

Mic*_*ati 3 wordpress wordpress-gutenberg

我知道在开发古腾堡插件时,我可以让用户通过单击“更多选项”的三个堆叠点,然后单击“显示块设置”来访问块设置。是否有一个 API/函数我可以调用来打开块设置,而不是让用户浏览“更多选项”?

nik*_*las 6

就像许多与古腾堡相关的问题一样,wp 数据模块是您成功的关键。在那里您将找到选择块和打开侧边栏的功能,您将需要这两个功能的组合。

const yourBlockClientId = ''
//select the block you want
wp.data.dispatch( 'core/block-editor' ).selectBlock( yourBlockClientId )
//open the edit-block sidebar
wp.data.dispatch( 'core/edit-post' ).openGeneralSidebar( 'edit-post/block' )
Run Code Online (Sandbox Code Playgroud)

获取你的 blockId 的函数留给你了。有一些函数可以获取集合中具有 ids 的所有块:wp.data.select( 'core/block-editor' ).getBlocks()或者仅获取 ids wp.data.select( 'core/block-editor' ).getBlockOrder()。您必须从那里获取您的 blockId。