WordPress Gutenberg Media-Upload-Videogalerie

Lesezeit: 1 Minute

Benutzeravatar von Niklas
Niklas

Ich möchte genau das Media Upload Popup haben, das bei der Bereitstellung verwendet wird gallery Attribut zu <MediaUpload> Komponente. Der Unterschied zum normalen Mediaupload besteht darin, dass Sie links eine Seitenleiste sehen und nach Auswahl der Elemente eine Ansicht erreichen, in der Sie Medien neu anordnen können, wie im ersten Bild unten, nicht wie im zweiten, das mit dem Code Ich bin angezeigt wird mit:

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

Wenn ich das Galerieattribut hinzufüge, werden die allowTypes irgendwie durch das Galerieattribut überschrieben und nur Bilder werden im MediaUpload-Fenster angezeigt.

Erstes Bild, wie es ist

Geben Sie hier die Bildbeschreibung ein

Zweites Bild, was ich brauche (aber mit Bild + Video)

Geben Sie hier die Bildbeschreibung ein

Ich denke das hat nichts damit zu tun MediaUpload Komponente selbst, aber mit der zugrunde liegenden Logik, dass WordPress nur Anhänge des Typs zulässt image in seinem eingebauten gallery. Sobald Sie die Stütze hinzufügen gallery für die Komponente wird das Medienmodal standardmäßig auf den Galerie-Bearbeitungsrahmen gesetzt. Vielleicht ist es möglich, die zu verlängern gallery Typ, um auch andere MIME-Typen zuzulassen.

  • ja das ist was ich weiß und mir schon gedacht habe. Ich wäre bereit, die genaue Logik nachzuahmen und die MediaUpload-Komponente oder irgendetwas, das mir dieses Verhalten geben würde, vollständig neu zu implementieren. Aber ich brauche Code oder zumindest mehr Anleitung, wie man das erreicht.

    – niklas

    18. Juni 2019 um 18:11 Uhr

1395690cookie-checkWordPress Gutenberg Media-Upload-Videogalerie

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy