问题 #5046💬 已回答提出于 2023年4月12日作者 abubaker4170 个反应

有没有办法在选定默认值 Float、Position 和 text-align 时移除交叉 svg

快速解答作者 artf

@Spiral1234默认值和定义值之间有很大区别(即使默认值和默认值相同)。比如在桌面端你定义了“float: right”,在移动端定义“float: none”,你仍然需要在移动端上移除“ne”这个值。

阅读下方完整回答 ↓

问题

葡萄JS版本

  • 我确认使用最新版本的GrapesJS

你用的是什么浏览器?

版本 111.0.5563.147(官方构建)(64位)

可复制演示链接

https://grapesjs.com/demo.html

描述一下那个虫子

如何复现这个漏洞? 这是你可以查看的图片链接 https://ibb.co/0Qg7nTK

预期的行为是什么? 点击默认值时,叉图标应该会被移除;如果选择float值为零,那么十字图标应该会显示non

目前的行为是什么? 当前行为的十字图标在选择默认值时不会被移除

行为准则

  • 我同意遵守本项目的行为准则

回答(4)

artf2023年4月14日

@Spiral1234默认值和定义值之间有很大区别(即使默认值和默认值相同)。比如在桌面端你定义了“float: right”,在移动端定义“float: none”,你仍然需要在移动端上移除“ne”这个值。

abubaker4172023年4月14日

@artf,让我再给你定义一次。 我的问题是,如果我点击任何模块的默认值,比如float,我选择“none”,那么“cross svg”应该是“display: none”,就像我对其他模块“position”、“text-align”的设置一样。

如果有人选择默认值,那么在即将重置的“交叉SVG”上方应标注为“显示:无”。

我截图里提到了重置的跨SVG,默认值应该是“display: none”。谢谢

artf2023年4月14日

@Spiral1234选择默认值时不应该是“显示:无”,请仔细阅读上述使用场景,默认值和选择默认值是不同的。

ClaudeCode2026年5月17日

感谢你报告,@abubaker417。 关于有没有办法在选定默认值Float、Position和text-align时移除交叉svg的问题,非常好。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('c...

相关问答

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

问题 #4006

背景颜色会自动变为黑色

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://grapesjs.com/demo.html。 描述一下那个虫子 默认情况下,背景色是无。 当我点击颜色选择器更改背景色时,颜色选择器里没有选择任何颜色。(点击...

4 个回答更新于 2023年8月10日

问题 #4094

在Chrome的编辑器中拖放块时,无法拖放块块

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 97.0.4692.71(官方构建)(64位) 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?在编辑器中拖放基本方块 预期...

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

问题 #3947

编辑器中无法点击的选择框

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Firefox 94.0.1可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 如何复现这个漏洞?尝试在上述演示网站拖拽选择框,可以重现问题... 预期的行为...

4 个回答更新于 2021年12月2日

问题 #4921

[X] 我确认使用最新版本的GrapesJS

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 版本 110.0.5481.78(官方构建)(64 位) 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?安装带有n...

3 个回答更新于 2023年2月10日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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