在Gutenberg块上动态添加媒体

时间：2019-03-21 作者：Razvan Cuceu

我想和WordPress Gutenberg一起制作一个旋转木马画廊，但我面临着一个两难的境地。如何动态添加图像？

我可以去添加10个MediaUpload，但这不是很可靠。

我在考虑一个可以创建MediaUpload的按钮

el(MediaUpload, {
    onSelect: onSelectInfoImage,
    type: \'image\',
    value: attributes.smallMediaURL,
    render: function (obj) {
      return el(components.Button, {
        className: attributes.smallMediaID ? \'image-button\' : \'button button-large\',
        onClick: obj.open
      },
      !attributes.smallMediaID ? i18n.__(\'Bild hochladen\') : el(\'img\', { src: attributes.smallMediaURL })
      )
    }
})
按钮应该是这样的

el(IconButton,{
    className: \'media-create\',
    icon: \'no\',
    label: \'Add slide\',
    onClick: function (media) {
        ***spawn new media***
      }
})

1 个回复
最合适的回答,由SO网友:Arne Spremberg 整理而成

您可以设置multiple 和gallery 道具到{true} 它允许选择多个图像并创建图库。GitHub自述中的更多信息：https://github.com/WordPress/gutenberg/tree/master/packages/block-editor/src/components/media-upload

标签： block-editor   小码农  

相关推荐