块上的I帧不能被编辑
问题
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox v102.0.1 可复制演示链接 这是工作代码,我不能...... 描述一下那个虫子 如何复现这个漏洞?拖放到页面块 视频你会发现你对我的iframe无能为力 预期的行为是什么? 我希望iframe的src可以编辑 目前的行为是什么? iframe没法用。 我在图层管理器上能看到Iframe,但如果我打开检查器,只有包含Iframe的部分。 这东西在两三周前还很糟糕,我去度假了,没人碰它,因为只有我一个人在修,现在它坏了。 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js blockManager.add(“content-video”, { 唱片公司:“Vidéo”, 分类:“Contenu”, 内容:{ 标签名称:“section”, 属性:{ 类别:“分量视频” }, 组件:{ 可拖拽:错误, 可移除:错误, 可复制:错误, 可调整大小:错误, 类型:“iframe”, }, }, }); ``` 希望你能帮帮我,非常感谢! 行为准则 [X] 我同意遵守本项目的行为准则
回答(2)
感谢@ValouZ的报告,iframe视图上确实有个拼写错误。我会在下次发布时处理好。
谢谢你举报,@ValouZ。 关于Iframe在一个区块上不能编辑,这个问题问得很好。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c) => console...
相关问答
通过相似的问题讨论继续研究。
问题 #4837
HTML元素的ID会在projectData加载的不同页面上递增
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 109 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 你好, 我注意到当我在 projectData 中加载多个 HTML 中使用...
问题 #5379
组件的类别修改不会自动检测
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 版本 116可复制演示链接 https://jsfiddle.net/h5b0ndvL/1/描述一下那个虫子 当组件在画布中重新渲染时,模型定义中添加了一个新属性会被渲染,但当组件渲染到...
问题 #4497
从 v18.4 更新到 GrapesJS v19.5 会导致 Chrome 变得无响应
葡萄JS版本[x] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 104.0.5112.79可复制演示链接 https://jsfiddle.net/gvrnw2c3/4/描述一下那个虫子 如何复现这个漏洞? 我目前无法用 jsfiddle 重现这个...
问题 #3806
添加视频时目标为零
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome新版本 可复制演示链接 https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。