Target :null when adding video

Question

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome新版本 可复制演示链接 https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/pages/Editor.js 描述一下那个虫子 如何复现这个漏洞？从块管理器拖拽视频到画布区域尝试通过将鼠标悬停视频并点击“使用视频”按钮来添加视频 预期的行为是什么？ 当用户将鼠标悬停并点击“使用视频”按钮时，应该会在画布中的视频标签中添加一个视频 目前的行为是什么？ 当用户在模态中将鼠标悬停在视频上并点击使用视频按钮时，视频根本不会被添加，在控制台上显示目标：空 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 这里有 grapes JS 编辑器代码，完整代码可以在这里找到 https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/pages/Editor.js:715-4094 @artf...

throne1986 · Accepted Answer

@artf你能帮我解决这个问题吗？

artf · Answer

问题就在这里 “''js Editor.ON（“Component：create”， （model） => { if （model.get（“type”） === “video”） { setAddVideo（false）; console.log（“视频网址”，videos.videoUrl）; 编辑。Commands.run（“open-assets”， { target： editor.getSelected（）， // <- 当你放下视频时，未被选中 目标：模特， 网址：videos.videoUrl }); } }); ``` 你也可以移除那个全局监听器，并用“activate： true”更新视频块，这样会干净得多。

throne1986 · Answer

> 问题就在这里> “''js> editor.on（“component：create”， （model） => {> 如果 （model.get（“type”） === “video”） {> setAddVideo（false）;> console.log（“视频网址”，videos.videoUrl）;>编辑。Commands.run（“open-assets”， {> // target： editor.getSelected（）， // <- 当你放下视频时，未被选中> >目标： model，>网址：videos.videoUrl> });> }> });> ```>>> > > >> > >> > > 你也可以移除那个全局监听器，然后用“activate： true”更新视频块，这样会干净得多。你好，@artf按照你的建议更改，但当我拖动视频块并选择视频时，控制台上目标是空的，这意味着我无法像这样设置选中的视频URL，比如“opts.target.set（”src“， opts.url）;这里是更新的codesanbox https://codesandbox.io/s...

Target :null when adding video

问题

回答（4）

相关问答

Cannot drag to move components on mobile

RangeError Maximum call stack size exceeded

HTML元素的ID会在projectData加载的不同页面上递增

Grapesjs 在通过脚本设置 innerHTML 时无法识别组件类型。

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

如何在2026年用 GrapesJS 构建AI驱动的页面构建器

2026年构建一个SaaS页面构建器需要多少钱？

浏览插件分类