如何在自定义wordpress gutenberg块中添加完全自定义？

如何解决如何在自定义wordpress gutenberg块中添加完全自定义？

我正在编写自己的自定义wordpress块。 在编辑器中，它看起来像这样： edtor screenshot

保存后，它看起来像这样： page screenshot

问题是我在块的右侧使用RichText wordpress组件作为文本，但是我无法在其中添加一些列表，按钮或其他媒体。 如何将此功能添加到我的自定义块？

解决方法

使用InnerBlocks为多个不同组件创建一个容器块。在您的屏幕快照示例中，core/paragraph块具有格式设置控件，而不是使用RichText控件，并且如果需要，还可以从段落转换为列表。

如果块设计为“固定”布局，其中始终有“文本/列表/按钮”，则可以定义InnerBlocks中允许使用的块的模板，然后锁定该模板，以便不能添加新块，例如：

const MY_TEMPLATE = [
    ['core/paragraph'],['core/list'],['core/buttons'],];

// ...
edit: () => {
    return (
        <InnerBlocks
            templateLock="all" // optional
            template={MY_TEMPLATE}
        />
    );
},

以上示例将在编辑器中创建一个块布局，如下所示：

有关如何实现InnerBlocks的完整概述和示例，请参阅WordPress开发人员文档： https://developer.wordpress.org/block-editor/tutorials/block-tutorial/nested-blocks-inner-blocks/