问题 #2619💬 已回答提出于 2020年3月3日作者 mcottret1 个反应

:默认图像占位符的 src 属性生成/导出为<svg>元素

快速解答作者 mcottret1

谢谢!#2620开启。

阅读下方完整回答 ↓

问题

你好,感谢你提供的精彩图书馆! 我们在尝试时可能发现了以下bug: 当添加新的默认“图像块”而无需进一步配置(保留默认图像占位符)时,导出/生成的HTML代码会将默认的“svg”元素嵌入为图片的“src”属性值(参见附图截图)。 ![截图 2020-03-03 下午4:31:40](https://user-images.githubusercontent.com/9916749/75793303-7857e280-5d6f-11ea-9fa3-340cfb3a6be1.png) ![截图 2020-03-03 下午4 31 06](https://user-images.githubusercontent.com/9916749/75793310-78f07900-5d6f-11ea-86f4-95afc496edb7.png) 在深入代码后,发现 'grapesjs/src/domcomponents/model/ComponentImage.js' 的 'getAttrToHTML' 函数应该调用 'this.getSrcResult'(不确定是否使用'备回'选项),而不是 'this.get('src')'' 来获取 base64 编码的图像 'src' 属性(参见 https://github.com/artf/grapesjs/blob/dev/src/domcomp...

回答(2)

mcottret2020年3月4日

谢谢!#2620开启。

artf2020年3月4日

谢谢你的报告,马修grapesjs/src/dom_components/model/ComponentImage.js 的 getAttrToHTML 函数应该调用 this.getSrcResult(不确定是否使用备选选项),而不是 this.get('src')来获取 base64 编码的图像 src 属性 没错,忽略备援选项,它只在图片加载失败时才会在画布中使用。注:这不满足将 embedAsBase64 选项设置为 false 的情况,也许在这种情况下可以使用一个公共图片占位符 URL(待定)? 'embedAsBase64' 选项是用于上传文件的,这和这个问题无关 所以........

相关问答

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

问题 #3166

复制粘贴节点的问题

*版本:0.16.27 你能重现演示中的bug吗? [ ]是的 [ ] 不 预期的行为是什么? 在右侧面板和画布中,粘贴的节点应该在复制的节点之后。 目前的行为是什么? 我复制一个节点。在views-container(右面板)中,粘贴的节点位于复制节点之后。但在画布中,粘贴的...

4 个回答更新于 2020年12月6日

问题 #3579

在放置“activeOnRender”组件后立即打开RTE时丢失了

版本: 0.17.4 你能重现演示中的bug吗?[x] 是的[ ] 不 繁殖步骤:前往[演示](https://grapesjs.com/demo.html)在画布内放置一个“文本”方块点击刚刚丢弃的“文本”组件打开的RTE丢失了位置(参见[附图](https://user-i...

4 个回答更新于 2022年1月17日

问题 #4257

背景修改对非图像无效

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v100 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?点击任意组件,在样式管理器中滚动到装饰>背景尝试制作一个带...

4 个回答更新于 2022年9月20日

问题 #4376

未选中的自定义组件也会监听事件“styleable:change”

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬100 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?删除两个或多个自定义组件 <img width=“1230” alt=“...

2 个回答更新于 2022年6月17日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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