问题 #2849💬 已回答提出于 2020年6月21日作者 meyerco1 个反应

使用图片URL作为背景图片时工作不正常

快速解答作者 meyerco1

你好@artf, #2975 这里有一个修复问题的PR。 如果足够好,请告诉我。 谢谢

阅读下方完整回答 ↓

问题

描述

  • 在我们的图片资源项目中,我们使用 URL 代替 base64 代码。

预期行为

  • 当将背景图像设置为控制项时,必须更新该控制的CSS 。
  • CSS 必须反映在画布和样式面板上。

接下来会发生什么?

  • 如果图片名称上有空格或括号,设置为背景图像时,它不会在任何地方反映,无论是在画布上还是样式面板上。

我研究的结论

为了理解这个bug,我通知了如果图片名称带有空格或括号,就会破坏背景图像的值。

例如,如果图片名为“my image.jpg”: CSS将在空格上断裂,如下: “''CSS 背景图片:URL(http://localhost:3000/images/my image.jpg)


我认为解决方案就是在 URL 或 base64 代码周围加引号,这不会破坏当前的功能,

回答(3)

meyerco2020年8月26日

你好@artf, #2975 这里有一个修复问题的PR。 如果足够好,请告诉我。

谢谢

artf2020年7月1日

感谢你的报告,我很希望能为这个问题写个公关

meyerco2020年7月1日

你能指引我去一个文件,background-image 设置在那里吗?

相关问答

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

问题 #2913

BUG:src 与图片一起存储了两次

“JSON.stringify(editor.getComponents())”的输出显示,一个图像的src被存储了两次。 { “类型”: “图像” “虚无”:真, “状态”:“已选中”, “内容”:“, “属性”:{ “id”: “iy3c7”, “SRC”:“Data:Im...

2 个回答更新于 2020年12月31日

问题 #1224

媒体查询与类渲染问题

你好, 我试图做一个响应式布局,但发现设备切换器工作不稳定。这个问题可以在官方演示中复现。 开放 http://grapesjs.com/demo.html 保持“桌面”作为所选设备。 在“标题”顶部添加2个类型为“2列”的块(就在菜单上方)。 选择第一个插入的“行”,并将其填...

3 个回答更新于 2022年2月8日

问题 #2289

允许导入JavaScript模块

使用 Ionic StencilJS 时,组件通过新模块支持导入: 在“{canvas: scripts: []}' 中,我只能通过外部脚本的 URL 加载。 为了解决这种情况,我们可以导入模块如下: 画布内的最终结果为: 请注意,当我们想在“'标签中使用完整性或交叉起源时,当...

3 个回答更新于 2021年8月4日

问题 #1506

CSS 媒体查询问题

你好@artf 演示页面和媒体查询库中都存在问题。 问题是,如果用户先在移动视图上更新样式,再用标签视图,再用媒体查询,移动视图就不起作用。如果我们先更新桌面样式,再更新标签页,再更新移动端,那么一切都正常 但如果我们先反向移动视图,标签视图第二,桌面视图第三,然后CSS/媒体...

3 个回答更新于 2020年5月21日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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