使用图片URL作为背景图片时工作不正常
问题
描述
- 在我们的图片资源项目中,我们使用 URL 代替 base64 代码。
预期行为
- 当将背景图像设置为控制项时,必须更新该控制的CSS 。
- CSS 必须反映在画布和样式面板上。
接下来会发生什么?
- 如果图片名称上有空格或括号,设置为背景图像时,它不会在任何地方反映,无论是在画布上还是样式面板上。
我研究的结论
为了理解这个bug,我通知了如果图片名称带有空格或括号,就会破坏背景图像的值。
例如,如果图片名为“my image.jpg”: CSS将在空格上断裂,如下: “''CSS 背景图片:URL(http://localhost:3000/images/my image.jpg)
我认为解决方案就是在 URL 或 base64 代码周围加引号,这不会破坏当前的功能,
回答(3)
你好@artf, #2975 这里有一个修复问题的PR。 如果足够好,请告诉我。
谢谢
感谢你的报告,我很希望能为这个问题写个公关
你能指引我去一个文件,background-image 设置在那里吗?
相关问答
通过相似的问题讨论继续研究。
问题 #2913
BUG:src 与图片一起存储了两次
“JSON.stringify(editor.getComponents())”的输出显示,一个图像的src被存储了两次。 { “类型”: “图像” “虚无”:真, “状态”:“已选中”, “内容”:“, “属性”:{ “id”: “iy3c7”, “SRC”:“Data:Im...
问题 #1224
媒体查询与类渲染问题
你好, 我试图做一个响应式布局,但发现设备切换器工作不稳定。这个问题可以在官方演示中复现。 开放 http://grapesjs.com/demo.html 保持“桌面”作为所选设备。 在“标题”顶部添加2个类型为“2列”的块(就在菜单上方)。 选择第一个插入的“行”,并将其填...
问题 #2289
允许导入JavaScript模块
使用 Ionic StencilJS 时,组件通过新模块支持导入: 在“{canvas: scripts: []}' 中,我只能通过外部脚本的 URL 加载。 为了解决这种情况,我们可以导入模块如下: 画布内的最终结果为: 请注意,当我们想在“'标签中使用完整性或交叉起源时,当...
问题 #1506
CSS 媒体查询问题
你好@artf 演示页面和媒体查询库中都存在问题。 问题是,如果用户先在移动视图上更新样式,再用标签视图,再用媒体查询,移动视图就不起作用。如果我们先更新桌面样式,再更新标签页,再更新移动端,那么一切都正常 但如果我们先反向移动视图,标签视图第二,桌面视图第三,然后CSS/媒体...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。