脚本在动态添加到iframe<head>时无法工作
你好!看看[这个](https://github.com/artf/grapesjs/issues/1311#issuecomment-407921633)是否能帮到你: 干杯!
阅读下方完整回答 ↓问题
我使用的是最新版本的 grapesjs(0.15.8),并在 Electron 上的 Windows 10 x64 上运行(这不是 electron 的问题),但当我尝试动态将脚本附加到编辑器 iframe 时遇到了问题,我附上了 CodePen 的链接,想了解更多相关问题。在我的项目中,我需要动态更改脚本。脚本只有在我通过'canvas: {scripts: ['...']}'添加时才有效,不能在我'$(editor.Canvas.getDocument().head).append(“...”);'
[代码笔](https://codepen.io/TheComputerM/pen/dyyyjxz?editors=0010)
请建议修复或变通方法。(顺便说一句,我很喜欢这个项目)
回答(3)
你好!看看[这个](https://github.com/artf/grapesjs/issues/1311#issuecomment-407921633)是否能帮到你:
const scriptEl = document.createElement('script');
scriptEl.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js';
编辑。Canvas.getDocument().head.appendChild(scriptEl);
干杯!
非常感谢,修复方法有效,但为什么 jQuery 不行?
好的,非常感谢。
相关问答
通过相似的问题讨论继续研究。
问题 #6269
组件模型和视图每次被拖拽到Canvas中所有可以放置的组件时都会加载
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 版本 130.0.6723.59(官方版本)(arm64) 可复制演示链接 https://codepen.io/btmkt/pen/QWeOJRB?editors=1111 描述一...
问题 #3413
添加内联脚本和更新旧事件
在这种情况下,我建议你访问iframe的文档,手动添加内联脚本(要获取文档,请使用'editor.“。Canvas.getDocument()') Originally由@artf在 https://github.com/artf/grapesjs/issues/2012#is...
问题 #3255
自定义样式管理器
你好@artf 我正在尝试这样更改显示属性的类型和输入值 -: 但在样式管理器中按钮是看不到的。 我们如何自定义显示属性 “''js const styleManager = 编辑器。风格经理; styleManager.addSector('div-only-sector',...
问题 #6549
无法调整图片大小
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://codepen.io/Harshsne/pen/YPXdgmj 描述一下那个虫子 如何复现这个漏洞? 上传图片 将其切换为移动视图 调整图像大小 ![图...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。