以编程方式打开 "Block Settings"
Programmatically open "Block Settings"
我知道在开发 gutenberg 插件时,我可以通过让用户单击 "More options" 的三个堆叠点然后单击 "Show Block Settings" 来让用户访问块设置。是否有 API/function 我可以调用打开阻止设置而不是让用户通过 "More options"?
与许多与古腾堡相关的问题一样,wp data module 是您成功的关键。在那里你会找到选择块和打开侧边栏的功能,你需要这两个功能的组合。
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' )
获取blockId的功能就交给你了。有一些函数可以获取集合中所有具有 id 的块:wp.data.select( 'core/block-editor' ).getBlocks()
或仅获取 id wp.data.select( 'core/block-editor' ).getBlockOrder()
。您必须从那里获取您的 blockId。
我知道在开发 gutenberg 插件时,我可以通过让用户单击 "More options" 的三个堆叠点然后单击 "Show Block Settings" 来让用户访问块设置。是否有 API/function 我可以调用打开阻止设置而不是让用户通过 "More options"?
与许多与古腾堡相关的问题一样,wp data module 是您成功的关键。在那里你会找到选择块和打开侧边栏的功能,你需要这两个功能的组合。
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' )
获取blockId的功能就交给你了。有一些函数可以获取集合中所有具有 id 的块:wp.data.select( 'core/block-editor' ).getBlocks()
或仅获取 id wp.data.select( 'core/block-editor' ).getBlockOrder()
。您必须从那里获取您的 blockId。