预览时移除图片,在编辑器中显示
你不能只做 '$('.img[src=“”]')' GrapesJS 组件不在同一上下文中,它们被放在一个 iframe 里,所以你必须使用那个 iframe 里的“文档”,比如说, “''js 编辑。Canvas.getDocument().querySelectorAll('.img[src=“]') ```
阅读下方完整回答 ↓问题
嘿,@artf我需要帮忙解决我遇到的一个挑战
我想在预览模式下隐藏带有src为空的图片,以特定类别图片为主,并在编辑器模式下显示。
我试过了,但不知为何似乎没用
editor.on('run:preview', () => {
$('.img[src=“”]').hide();
});
editor.on('stop:preview', () => {
$('.img[src=“]').show();
});
谢谢, 柴图
回答(2)
你不能只做 '$('.img[src=“”]')' GrapesJS 组件不在同一上下文中,它们被放在一个 iframe 里,所以你必须使用那个 iframe 里的“文档”,比如说, “''js 编辑。Canvas.getDocument().querySelectorAll('.img[src=“]')
你的选拔者是正确的吗?据我所知,葡萄会设置“background-image:url()”而不是 src。
相关问答
通过相似的问题讨论继续研究。
问题 #2637
:预览模式和自动组件边界切换
又见面了:) 我们团队最近开始定制编辑器并移除网页预设,可能发现了一些与预览模式相关的bug:退出预览模式时,如果默认的“选项”面板已被移除,或者“sw-visibility”按钮已被移除(来自[这里](https://github.com/artf/grapesjs/blob...
问题 #1044
更改模型中图像元素的SRC
你好 当图片块掉落到编辑器时,我会隐藏默认资产管理器并显示我的自定义资源管理器: 对此我没问题。但在自定义资产管理器中选择图片时,我会用jQuery在编辑器里把图片元素的SRC改成。 'jQuery('iframe').contents().find('img.ineditor...
问题 #2281
如何在打开图片编辑器时设置图片裁剪的默认自定义比例
嘿,@artf, 感谢你创建了如此有帮助的开源库。 @artf我正在开发开放图片编辑器,用户则从“选择图片”模式中更换照片。 我成功打开了“图片编辑器”,用户关闭了“选择图片”模态,这正是利用这段代码的帮助。 但当这个模态打开时,我想在编辑器里默认设置自定义裁剪比例,而用户无法...
问题 #441
忽略/避免变更计数
由于 https://github.com/artf/grapesjs/issues/436,我无法依赖 StorageManager 的远程加载方法从 REST 端点加载模板,所以我只能用 'editor.setComponents()' 和 'editor.setStyle...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。