SVG在编辑器中不可见
你好@Lighost 我觉得问题出在那个SVG,因为只有这个不正常工作。 这可能包含一些自定义块本身未能正确理解的代码。 一个解决办法是本地保存 svg,然后用编辑器的默认图片块放出去,我测试过了,效果不错。 我也用很多不同的SVG测试过同样的问题,它们都正常工作。
阅读下方完整回答 ↓问题
你好, 我需要把 SVG 放进我的项目,所以我用自定义代码组件来实现这个目的。但当我把 svg 内容复制到 component 时,什么都没有显示。但当我查看生成索引时,SVG是可见的。我在演示编辑器里也试过同样的方法,但在编辑器和预览模式下都看不到。我用最新的 Safari 和最新版的 Google Chrome 测试过,当然我用的是最新版本的 GrapesJS(0.16.12)。
通缉的SVG来源是[这里](https://pastebin.com/35k7PFBG)
编辑器中的效果: 
index.html中的样子(在我的页面中) 
起初我以为错误可能出在我的SVG,但那样它在索引里就看不到了。有人知道出了什么问题吗?
回答(2)
你好@Lighost 我觉得问题出在那个SVG,因为只有这个不正常工作。 这可能包含一些自定义块本身未能正确理解的代码。 一个解决办法是本地保存 svg,然后用编辑器的默认图片块放出去,我测试过了,效果不错。 我也用很多不同的SVG测试过同样的问题,它们都正常工作。
@RJCAM 是的,我知道,我已经做过了,比如插入 SVG 作为 img。但我真的需要把它作为 svg 对象插入——因为我需要用填充属性做一些悬停效果。无论如何,不知怎么的,它开始在编辑器中显示出来。我不知道我做了什么,因为我刚改了三次SVG类别填充,现在它们在编辑器里都能看到了。所以对我来说,我决定关闭这个问题,因为它已经解决😄了。
相关问答
通过相似的问题讨论继续研究。
问题 #1187
:为什么虚线不会在组件周围显示?
很久没试了,我又试了用GrapesJS。 我正在跟着“入门指南”页面操作,但卡在这一步 https://github.com/artf/grapesjs/wiki#components 事实上,我正按照教程里的说明,用虚线“高亮”按“眼睛”按钮,但没用。 GrapesJS 版本...
问题 #4940
销毁并重新初始化时,会出现“无法读取未定义属性(读取'get')”。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Google Chrome 版本 110.0.5481.100(官方版本)(64 位) 可复制演示链接 https://stackblitz.com/edit/js-3urscf?file=ind...
问题 #4603
网页演示在Firefox上错误显示
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Firefox 105.0(64位)可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 如何复现这个漏洞?在Firefox中打开演示页面(https://gr...
问题 #4208
每个元素的样式点击状态错误
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Brave Last 在 Chrome Last 和 Safari Last 上测试过。 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。