我希望创建像Gutenberg中的列块一样工作的自定义块。这是很容易使它在前面的CSS水平,但我如何使它看起来在编辑器?
import { registerBlockType } from '@wordpress/blocks';
import { useBlockProps, InnerBlocks } from '@wordpress/block-editor';
import metadata from '../config/card-row-block.json';
const cardRowTemplate = [
[ 'cgbms/card-block' ]
];
const allowedBlocks = [
'cgbms/card-block',
];
registerBlockType(metadata, {
edit: (props) => {
const blockProps = useBlockProps();
return <div className="cgbms_cards_row" { ...blockProps }>
<InnerBlocks allowedBlocks={ allowedBlocks } renderAppender={ InnerBlocks.ButtonBlockAppender } template={cardRowTemplate} orientation="horizontal" />
</div>
},
save: (props) => {
const blockProps = useBlockProps.save();
return <div className="cgbms_cards_row" { ...blockProps }>
<InnerBlocks.Content />
</div>
}
});
发布于 2022-09-26 05:13:47
我需要使用useInnerBlocksProps
,而不是InnerBlocks
,这就是随内核而来的块是如何实现的。
https://stackoverflow.com/questions/73854222
复制相似问题