在registerBlockType的编辑和保存功能中获取块唯一ID,可以通过使用Gutenberg提供的API来实现。
在编辑功能中,可以使用getBlockClientId函数来获取当前块的唯一ID。该函数接受一个参数,即当前块的block对象,返回当前块的唯一ID。可以在编辑功能的回调函数中使用该函数来获取块的唯一ID。
示例代码如下:
const { registerBlockType, getBlockClientId } = wp.blocks;
registerBlockType('my-plugin/my-block', {
// ...
edit: (props) => {
const blockId = getBlockClientId(props.block);
// 使用块的唯一ID进行其他操作
return (
// 编辑界面的内容
);
},
// ...
});
在保存功能中,可以使用getBlockAttributes函数来获取当前块的属性,其中包括块的唯一ID。该函数接受一个参数,即当前块的block对象,返回当前块的属性对象。可以在保存功能的回调函数中使用该函数来获取块的唯一ID。
示例代码如下:
const { registerBlockType, getBlockAttributes } = wp.blocks;
registerBlockType('my-plugin/my-block', {
// ...
save: (props) => {
const blockAttributes = getBlockAttributes(props.block);
const blockId = blockAttributes.blockId;
// 使用块的唯一ID进行其他操作
return (
// 保存的内容
);
},
// ...
});
需要注意的是,以上示例代码中的my-plugin/my-block
是自定义块的名称,需要根据实际情况进行替换。
关于Gutenberg的更多API和使用方法,可以参考腾讯云的Gutenberg文档:Gutenberg文档
领取专属 10元无门槛券
手把手带您无忧上云