问题 #3190💬 已回答提出于 2020年12月18日作者 mshafiq2350 个反应

SRC 会自动添加到视频标签中

快速解答作者 artf

GrapesJS 中的默认视频组件处理方式不同(无源代码)。就你而言,我建议扩展默认版本,并添加对来源的支持。

阅读下方完整回答 ↓

问题

你好,@artf,

感谢你构建并维护了这个精彩的套餐。

问题 我正在使用 Nicepages 来构建模板并上传到我的网页应用。我已经集成了Grapesjs,管理员可以轻松编辑模板。我遇到的问题是 Nicepages 会添加以下视频标签

<video>
    <source src=“PATH_TO_VIDEO” 类型=“mime/type”/>
</video>

当这个模板在 Grapesjs 中打开时,grapesjs 会像这样在父“视频”标签中添加源代码

<video src=“SOME_SVG_CODE” >
    <source src=“PATH_TO_VIDEO” 类型=“mime/type”/>
</video>

如果你能帮我解决这个问题,那就太好了。我很乐意用GrapesJS修复并发起拉取请求

回答(2)

artf2020年12月23日

GrapesJS 中的默认视频组件处理方式不同(无源代码)。就你而言,我建议扩展默认版本,并添加对来源的支持。

ClaudeCode2026年5月17日

谢谢你举报,@mshafiq235。 关于src自动添加到视频标签的建议很棒!虽然这个具体功能还没有出现在核心 API 中,但有几种方法可以实现类似的行为。 使用事件系统: “JavaScript editor.on('component:update', (component) => { 你的逻辑 }); ``` 替代方法: 听取“selector:add”以获取CSS选择器更改 使用“selector:custom”来表示自定义规则 利用“change:*”事件进行细致跟踪 构建一个插件,扩展编辑器并具备此功能 正式宣布: 如果此功能能惠及更多用户,考虑在 GrapesJS 仓库上正式开...

相关问答

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

问题 #3718

覆盖阻力函数

你好@artf我想覆盖“dmode ”absolute“' 的拖拽功能。 目前我们可以自由移动画布,如果在桌面上移动,其他移动端和桌面设备就不一样了。另外,我希望像素数是百分比,这样在整个屏幕上都能响应。 请问你能帮我从哪里开始,以及如何实现吗? 谢谢

2 个回答更新于 2021年8月29日

问题 #3312

专长:侧板宽度改为20%

你想给GrapesJS添加什么? 侧板看起来被揉皱了。除非你的桌面很大,否则我不太希望块面板的图片被放到一边。此外,顶部的图标,比如“获得新方块”图标,除非屏幕较大,否则会被遮挡。 详细描述你的功能需求详细 将侧面板宽度从15%改为20%,具体来说是类别:'gjs-pn-vie...

3 个回答更新于 2021年3月7日

问题 #6448

功能请求:暗黑模式支持

功能描述 在编辑器界面中添加暗黑模式支持。 动机 减少夜间发育时的眼睛疲劳 符合现代UI/UX标准 支持系统级暗模式偏好 拟议实施 添加暗色模式色彩调色板 创建主题切换机制 用户偏好的持久化 添加系统主题检测 补充背景 许多用户在夜间工作,并请求了此功能。

2 个回答更新于 2025年3月17日

问题 #3371

生成页码,有什么想法吗?

大家好,我正在通过 grapesjs 创建一个文档生成器,我想在每页底部插入类似“第1页共5页”这样的页码。我的起始模板有一个叫.page的封装类,实际上我可以把一个页面克隆到另一个页面下面,从而获得更多页面。 你知道我该如何实现这个功能吗? 谢谢!

2 个回答更新于 2021年4月7日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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