javascript - Wordpress Gutenberg 媒体上传视频库

Question

我想要在提供 gallery 时使用的媒体上传弹出窗口。属性为 <MediaUpload>零件。与普通 Mediaupload 的不同之处在于，您会在左侧看到一个侧边栏，选择项目后，您会看到一个 View ，您可以在其中重新排序媒体，如下面第一张图片所示，而不是第二张显示代码的图片使用:

<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 }
    />
  ) }
/>

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

第一张图，怎么样

第二张图片，我需要的(但有图片+视频显示)

Answer 1

我认为这与 MediaUpload 组件本身无关，但与 wordpress 在其内置 中仅允许类型为 image 的附件的底层逻辑有关图库。只要您将 Prop gallery 添加到组件中，媒体模式就会默认为画廊编辑框架。也许可以扩展 gallery 类型以允许其他 mime 类型。