问题 #2202✓ 已解决提出于 2019年8月19日作者 Chaitwo3 个反应

预览时移除图片,在编辑器中显示

快速解答作者 artf3

你不能只做 '$('.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)

👍 最有帮助artf2019年8月25日

你不能只做 '$('.img[src=“”]')' GrapesJS 组件不在同一上下文中,它们被放在一个 iframe 里,所以你必须使用那个 iframe 里的“文档”,比如说, “''js 编辑。Canvas.getDocument().querySelectorAll('.img[src=“]')

pouyamiralayi2019年8月19日

你的选拔者是正确的吗?据我所知,葡萄会设置“background-image:url()”而不是 src。

相关问答

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

问题 #2637

:预览模式和自动组件边界切换

又见面了:) 我们团队最近开始定制编辑器并移除网页预设,可能发现了一些与预览模式相关的bug:退出预览模式时,如果默认的“选项”面板已被移除,或者“sw-visibility”按钮已被移除(来自[这里](https://github.com/artf/grapesjs/blob...

3 个回答更新于 2023年1月9日

问题 #1044

更改模型中图像元素的SRC

你好 当图片块掉落到编辑器时,我会隐藏默认资产管理器并显示我的自定义资源管理器: 对此我没问题。但在自定义资产管理器中选择图片时,我会用jQuery在编辑器里把图片元素的SRC改成。 'jQuery('iframe').contents().find('img.ineditor...

3 个回答更新于 2019年9月25日

问题 #2281

如何在打开图片编辑器时设置图片裁剪的默认自定义比例

嘿,@artf, 感谢你创建了如此有帮助的开源库。 @artf我正在开发开放图片编辑器,用户则从“选择图片”模式中更换照片。 我成功打开了“图片编辑器”,用户关闭了“选择图片”模态,这正是利用这段代码的帮助。 但当这个模态打开时,我想在编辑器里默认设置自定义裁剪比例,而用户无法...

3 个回答更新于 2019年9月25日

问题 #441

忽略/避免变更计数

由于 https://github.com/artf/grapesjs/issues/436,我无法依赖 StorageManager 的远程加载方法从 REST 端点加载模板,所以我只能用 'editor.setComponents()' 和 'editor.setStyle...

3 个回答更新于 2019年9月18日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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