Wordpress Gutenberg媒体上传视频库

nik*_*las 10 javascript wordpress upload reactjs wordpress-gutenberg

我想确切地提供将gallery属性提供给<MediaUpload>组件时使用的Media Upload Popup 。与普通Mediaupload的不同之处在于,您会在左侧看到一个侧边栏,并在选择了项目之后进入一个视图,可以在其中重新排列媒体,如下面的第一张图片所示,而不是第二张随我的代码一起出现的媒体使用:

<MediaUpload
  onSelect={ this.onSelectMedia }
  /*todo here should be gallery attr but it will disable video selection*/
  allowedTypes={ [ 'image', 'video' ] }
  accept="image/*,video/*"
  multiple
  value={ this.media.map( ( m ) => m.mediaId ) }
  render={ ( { open } ) => (
    <IconButton
      label={ __( 'Edit Media' ) }
      icon="images-alt2"
      onClick={ open }
    />
  ) }
/>
Run Code Online (Sandbox Code Playgroud)

当我添加gallery属性时,allowedTypes将以某种方式被gallery属性覆盖,并且只有图像会显示在MediaUpload窗口中。

第一张图片,怎么样

在此处输入图片说明

第二张图片,我需要什么(但有图片+视频显示)

在此处输入图片说明

Vor*_*tac 3

我认为这与组件本身无关,而是与 WordPress 只允许其MediaUpload内置. 一旦您将道具添加到组件中,媒体模式将默认为图库编辑框架。也许\xe2\x80\x99s 可以扩展imagegallerygallerygallery类型以允许其他 mime 类型。

\n

  • 是的,这就是我所知道和想到的。我愿意模仿确切的逻辑并完全重新实现 MediaUpload 组件或任何能给我这种行为的东西。但我需要代码,或者至少需要更多关于如何实现这一目标的指导。 (2认同)