画面元素
问题
你好, 我想在编辑器中添加一个“图片”块,我们可以为不同设备定义不同的图片,其基础HTML如下:
<picture>
<source data-gjs-type=“source” media=“(最小宽度:650px)” srcset=“”>
<source data-gjs-type=“source” media=“(min-width: 465px)” srcset=“”>
<img src=“”>
</picture>
我的问题是,如果它入到编辑器中,img组件是可视且可移动的,甚至从图片元素中也能移动。这样可能会导致设计出问题,图片可能会出现在不同的位置。 另一个问题是,源的数量可能随着使用情况而变化,有时只有一个源(设备支持),有时是3个......
解决这些问题的最佳方法是什么?
回答(2)
嗨,大家都解决了响应式图片的问题吗?(我们必须更换图片,因为图像内容在较小设备上会变化,所以焦点更小)
学习如何创建自定义的[组件](https://grapesjs.com/docs/modules/Components.html),然后查看该组件上所有可用的 https://grapesjs.com/docs/api/component.html 属性(比如你能判断图片不可拖拽)
相关问答
通过相似的问题讨论继续研究。
问题 #3082
XSS 在 Live Preview 中的漏洞
版本: 0.16.22 你能重现演示中的bug吗? [x] 是的 步骤:点击导入HTML插入 '<img src=“anyimagesource.gif” onload =“alert(1)”/>'JS将被处决 在iframe上设置合适的“沙盒”属性或许能缓解这个问题。
问题 #6211
递归过多
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 131.0.2 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞?进入 grap...
问题 #5549
MJ-预览不可编辑
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 狩猎17可复制演示链接 https://grapesjs.com/demo-mjml.html描述一下那个虫子 如何复现这个漏洞?https://grapesjs.com/demo-mjml.html...
问题 #4765
官方的解析@keyframes方法并不起作用
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v107描述一下那个虫子 如何复现这个漏洞?按照[这里](https://grapesjs.com/docs/guides/Custom-CSS-parser.html#rule-obj...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。