问题 #991✓ 已解决提出于 2018年4月1日作者 belal-azzam4 个反应

在图片元素中上传视频

快速解答作者 usman-vqode4

你可以通过资产管理功能直接添加到视频里...... 'this.editor.on('component:create', model => { if (model.get('type') === 'video') { this.editor.runCommand('open-assets', { 目标:模特 }); } });`

阅读下方完整回答 ↓

问题

嗨。我尝试用 Asset Manager 实现用图片元素上传视频,但在 updateTarget 回调中我想用视频标签替换 img 标签的步骤停了下来,我想知道有没有简单的实现方法? 提前感谢大家。 这是我代码中的一段摘录 “''js 变量资产 = []; VAR Editor = Grapesjs.init({ 身高:“100%”, 展示偏移集:1, noticeOnUnload: 0, 组成部分:“, 风格:“, 容器:“#gjs”, fromElement: true, 插件: ['GJS-preset-webpage'], pluginsOpts: { 'gjs-preset-webpage': {} }, 资产管理人:{ 资产:资产, noAssets: “, 上传:'/owner/websitefront/media/assetupload', 上传名:'Media', 头部:{}, autoAdd: 1, addBtnText:“添加图片”, 上传输入时的文字 上传文本:“请在此放置文件或点击上传” 模态标题:“选择图片”, 参数:{}, }, storageManager: { 类型:“远程”, stepsBeforeSave: 1, urlStore: “', urlLoad: '', 参数:{}, // 用于请求的自定义值 } }); 先选资产管理模块 con...

回答(3)

👍 最有帮助usman-vqode2019年8月8日

你可以通过资产管理功能直接添加到视频里......

'this.editor.on('component:create', model => { if (model.get('type') === 'video') { this.editor.runCommand('open-assets', { 目标:模特 }); } });`

artf2018年4月4日

你可以这样更新组件的标签名称 'model.set('tagName', 'new-tag')'

相关问答

通过相似的问题讨论继续研究。

问题 #2754

我如何自定义视频块

我想创建一个类似视频画廊的图片画廊。丢弃视频块后显示画廊。我该怎么做?我使用 grapesjs-preset-webpage 插件。试着在下面写代码,那个不起作用...... VAR Editor = Grapesjs.init({ 身高:“100%”, 展示偏移集:1, no...

3 个回答更新于 2024年1月31日

问题 #846

当我尝试向表格添加行时出现错误

大家好 我开始使用 Grapesjs,遇到了一个问题,我尝试添加三个新命令来创建表格,添加行和单元格,表格运行良好,但当我向表格添加行时,会出现这个错误:“目标位置无效:找不到目标集合,目标不可丢弃,接受[未定义],组件不可拖拽, 被[未定义]接受“,有人能帮帮我吗?这是我的代...

3 个回答更新于 2019年9月17日

问题 #998

资产管理器上传图片时发送空请求

描述:GrapesJS 编辑器在 editor.html 文件中初始化如下: “localhost:9001”是运行PHP5的本地IIS服务器。“uploadimage.php”的内容如下: 由于从GrapesJS上传的图片预计会在“$FILES”数组中,每次请求到达该页面时,...

3 个回答更新于 2019年9月17日

问题 #1640

在编辑器中加载新模块

我已经在编辑器里构建了一个完全可用的页面管理系统,但我不太确定在不做以下代码的情况下,如何正确地注入该面板,所以如果这不正确,我想寻求一些建议。 我有一个页面插件,我会加载它: 页面编辑器插件基本上是加载我自定义面板插件的 '导入面板' './panels'; 然后在插件构建器...

2 个回答更新于 2019年12月12日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。