PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

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

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

快速解答作者 artf

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

阅读下方完整回答 ↓

问题

GrapesJS 版本

  • 我确认使用最新版本 GrapesJS

你用的是什么浏览器?

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

可复制演示链接

https://grapesjs.com/demo.html

描述一下那个虫子

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

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

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

行为准则

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

回答(4)

artf• 2023年4月14日

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

abubaker417• 2023年4月14日

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

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

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

artf• 2023年4月14日

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

GJS Helper• 2026年5月17日

你遇到的“交叉”(清除)SVG图标在GrapesJS样式管理器中选择默认值时(针对float、position、text-align)时没有被移除的问题,是一个常见的混淆点。默认情况下,GrapesJS的样式管理器会显示任何选中的值的清除图标,无论该值是否为该属性的默认值。这是因为清除图标的作用是将属性重置为未被选中的状态。 要实现你想要的行为——当选中的值与属性定义的默认值一致时隐藏清除图标——你需要在GrapesJS样式管理器中扩展并覆盖默认FieldView(或专门FieldSelectView部分输入)。 根本原因 GrapesJS中的FieldView组件是所有风格管理器属性字段(...

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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