Wordpress Gutenberg 媒体上传视频库

     2023-02-19     174

关键词:

【中文标题】Wordpress Gutenberg 媒体上传视频库【英文标题】:Wordpress Gutenberg Media Upload Video Gallery 【发布时间】:2019-10-26 10:08:19 【问题描述】:

我想要在向<MediaUpload> 组件提供gallery 属性时使用的媒体上传弹出窗口。与普通 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 
    />
  ) 
/>

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

第一张图片,怎么样

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

【问题讨论】:

【参考方案1】:

我认为这与MediaUpload 组件本身无关,而是与wordpress 在其内置gallery 中仅允许image 类型的附件的基本逻辑有关。一旦您将道具gallery 添加到组件,媒体模式将默认为画廊编辑框架。也许可以扩展 gallery 类型以允许其他 mime 类型。

【讨论】:

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

无法通过 Wordpress 上传器上传媒体

】无法通过Wordpress上传器上传媒体【英文标题】:CannotuploadmediaviaWordpressuploader【发布时间】:2011-02-2714:53:10【问题描述】:这与Wordpress中的媒体上传有关。每次WP为新上传创建一个文件夹(它按年和月组织上传:yyyy/mm),它使... 查看详情

像 WordPress 媒体上传器这样的 PHP 媒体管理器?

】像WordPress媒体上传器这样的PHP媒体管理器?【英文标题】:PHPMediaManagerlikeWordPressMediaUploader?【发布时间】:2013-10-2009:15:45【问题描述】:我只是喜欢Wordpress让照片和媒体的上传和管理变得如此轻松。我想在我的非WORDPRESSPHP网站... 查看详情

带有大小选择的 WordPress 媒体上传器

】带有大小选择的WordPress媒体上传器【英文标题】:WordPressMediaUploaderwithsizeselect【发布时间】:2013-12-0419:09:04【问题描述】:我想将图像输入添加到我自己的WordPress插件中。为此,我使用标准的WordPress媒体上传器,如下所示:var... 查看详情

WordPress 将媒体上传到帖子问题

】WordPress将媒体上传到帖子问题【英文标题】:WordPressUploadMediatoapostissue【发布时间】:2014-02-1708:50:50【问题描述】:我正在为WordPress3.8.1上的一个错误而苦苦挣扎。每当我尝试将媒体上传到帖子时,它都不会添加,而是显示Anerr... 查看详情

如何在wordpress插件中添加媒体上传器[重复]

】如何在wordpress插件中添加媒体上传器[重复]【英文标题】:Howtoaddthemediauploaderinwordpressplugin[duplicate]【发布时间】:2013-07-1404:23:13【问题描述】:我阅读了一些关于如何将媒体上传器集成到wordpress插件中的教程。我根据教程做媒... 查看详情

WordPress 3.5 自定义媒体上传为您的主题选项

】WordPress3.5自定义媒体上传为您的主题选项【英文标题】:WordPress3.5custommediauploadforyourthemeoptions【发布时间】:2012-11-3015:02:29【问题描述】:WordPress3.5最近发布了,我通过thickbox和window.send_to_editor使用了WordPress媒体上传系统,用... 查看详情

WordPress 管理员媒体上传权限

】WordPress管理员媒体上传权限【英文标题】:WordPressadminmediauploadpermission【发布时间】:2016-02-1709:52:18【问题描述】:我可以访问托管许多wordpress博客的服务器。最初上传文件夹的权限设置为777(递归),但这会导致我们的服务... 查看详情

WAMP - 超过最大执行时间 - 无法再通过 Wordpress 媒体上传上传照片

】WAMP-超过最大执行时间-无法再通过Wordpress媒体上传上传照片【英文标题】:WAMP-Maximumexecutiontimeexceeded-CannolongeruploadphotosviaWordpressMediaUpload【发布时间】:2021-11-0300:09:22【问题描述】:这是最近引起头痛的问题。每次我尝试通过... 查看详情

wordpress媒体库上传不了视频。怎么回事?

WordPress媒体库上传不了视频。怎么回事,视频大小也没有超过。说是什么文件不合法,,参考技术A修改wp-config.php文件,这个文件在WordPress的根目录下,在其中增加一行语句:define(‘ALLOW_UNFILTERED_UPLOADS’,true);可以不限制上传类... 查看详情

Wordpress Gutenberg 自定义列块

】WordpressGutenberg自定义列块【英文标题】:WordpressGutenbergcustomcolumnsblock【发布时间】:2021-06-1914:42:25【问题描述】:我正在尝试使用ACF和Wordpress为Gutenberg创建一个自定义“列”块,所以我想要一个易于管理的列块,用户可以在其... 查看详情

覆盖 WordPress 媒体上传器的 saveCompat

】覆盖WordPress媒体上传器的saveCompat【英文标题】:OverridesaveCompatforWordPressMediaUploader【发布时间】:2014-08-1709:54:56【问题描述】:我是Backbone的新手,所以不明白我做错了什么。我需要的是覆盖saveCompat(media-models.jsline310,WP3.9.1... 查看详情

如何向 WordPress Gutenberg 块添加自定义块?

】如何向WordPressGutenberg块添加自定义块?【英文标题】:HowtoaddacustomblocktoWordPressGutenbergblocks?【发布时间】:2018-07-1818:07:18【问题描述】:我想为Gutenberg创建一个新的自定义块,可以吗?【问题讨论】:【参考方案1】:是的,这... 查看详情

如何在 Wordpress 中列出和重新排列或操作 Gutenberg 块类别

】如何在Wordpress中列出和重新排列或操作Gutenberg块类别【英文标题】:Howtolistandre-arrangeormanipulateGutenbergBlockCategoriesinWordpress【发布时间】:2019-06-0815:55:26【问题描述】:任何人都知道如何在Wordpress的Gutenberg编辑器中重新排列、操... 查看详情

Wordpress Gutenberg:前端的 React 组件

】WordpressGutenberg:前端的React组件【英文标题】:WordpressGutenberg:Reactcomponentsonfrontend【发布时间】:2019-01-1703:52:25【问题描述】:Gutenberg仍然很新,但我仍然希望有人遇到此问题并找到解决方案。我使用create-guten-block来样板化一... 查看详情

使用 Wordpress 简码函数呈现 Gutenberg 块,将属性作为参数发送

】使用Wordpress简码函数呈现Gutenberg块,将属性作为参数发送【英文标题】:UseWordpressshortcodefunctiontorenderGutenbergblock,sendingtheattributesasparameters【发布时间】:2019-01-2711:41:13【问题描述】:给定画廊ID,我有一个生成画廊的简码。func... 查看详情

如何以编程方式在主题中使用 Wordpress Gutenberg 块?

】如何以编程方式在主题中使用WordpressGutenberg块?【英文标题】:HowtouseaWordpressGutenbergblockprogrammaticallyintothetheme?【发布时间】:2020-07-1501:52:59【问题描述】:我正在开发一个100%基于Gutenberg块的wordpress主题。有些页面是直接在编... 查看详情

以编程方式触发 Wordpress Gutenberg “转换为块”

】以编程方式触发WordpressGutenberg“转换为块”【英文标题】:FiringWordpressGutenberg"ConverttoBlocks"programmatically【发布时间】:2019-05-0919:21:04【问题描述】:我有几个用Node.js编写的机器人,用于自动生成HTML内容并使用RESTAPI将... 查看详情

WordPress Gutenberg,以编程方式更新帖子内容

】WordPressGutenberg,以编程方式更新帖子内容【英文标题】:WordPressGutenberg,updatepostcontentprogrammatically【发布时间】:2019-04-1516:32:37【问题描述】:我已经开始使用ACF和自定义块测试Gutenberg编辑器。我一直在四处寻找解决我的问题... 查看详情