方法
＃addCustomBlockRender(blockType渲染器)
使用渲染函数替换与blockType匹配的Gutenberg块。
参数:
| 的名字 | 类型 | 描述 |
|---|---|---|
blockType |
BlockTypes | 块标识符 |
渲染器 |
CustomBlockRenderCallback | 渲染函数 |
例子
当使用视频块时，用户想要自定义组件
externalCodeSetup.blocksApi。addCustomBlockRender("core/video", (props) => { const { block } = props; const VideoComponent = <> ` }} useWebKit={true} originWhitelist={['*']} allowsInlineMediaPlayback={true} style={{ height: 250, width: "auto", }}/> Watch our awesome video! return VideoComponent; });