问题 #4341💬 已回答提出于 2022年5月20日作者 senthil177cse0 个反应

在为 HTML 组件添加边界样式时,css json 只抓取边界选择器,却不抓取 border-width、border-style、border-colorBUG 的选择器:

快速解答作者 aharishsundhar

@artf解决这个问题,我在最新版本的侧边也遇到了同样的问题 v0.18.4 填充:0 0 0 0,填充顶部:“,填充底部:”“,填充右:”“,填充左:”,

阅读下方完整回答 ↓

问题

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v101.0.4951.54 可复制演示链接 https://jsfiddle.net/7sn5h91r/7/ 描述一下那个虫子 我的问题是样式、边界、属性、宽度、样式和颜色在 JSON 里都无法更新,即使我在 https://grapesjs.com/demo.html 里检查过。请查看附上的截图。以下是我的代码JSON回复。告诉我如何移除那些空属性,比如border-width、border-style、border-color。 我的回复 JSON:{ “选择器”:“is98i”, “风格”:{ “宽度”:“100%”, “__p”:错误, “高度”:“5%”, “margin-bottom”:“15px”, “border-radius”:“5px”, “border”:“1px实心 #d6d6d6”, “border-width”: “”, “border-style”: “”, “边框颜色”:“” }, “mediaText”:“(最大宽度:480px)” “atRuleType”: “media” } ![168816344-e19CB449-3d01-45e4-a5be-f315d1d749c9](https://user-images.githubuserconten...

回答(4)

aharishsundhar2022年7月20日

@artf解决这个问题,我在最新版本的侧边也遇到了同样的问题 v0.18.4 填充:0 0 0 0,填充顶部:“,填充底部:”“,填充右:”“,填充左:”,

senthil177cse2022年7月20日

嗨@aharishsundhar...... 据我所知,不用填充物是:0 0 0 0;你只能加垫层顶部、垫层底部、垫层左侧、垫层右侧......

aharishsundhar2022年7月20日

@senthil177cse我在填充方面遇到同样的问题:0 0 0 0;还创建了填充顶部的create,但出现了空属性,如何修复Grapesjs v0.18.4的问题?

ClaudeCode2026年5月17日

谢谢你举报,@senthil177cse。 关于在为Html组件添加border样式时,css json只取border-width、border-style、border-colorBUG:的选择器,这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('s...

相关问答

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

问题 #5460

从“pageManager”加载“组件”和“样式”

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v117.0.5938.149可复制演示链接 https://jsfiddle.net/9oLrsvya/描述一下那个虫子 如何复现这个漏洞?请参见 jsfiddle 中的“pageMa...

4 个回答更新于 2023年11月28日

问题 #5990

当你删除组件时,组件间的重复类也会被删除。

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 126.0.6478.127(Windows) 可复制演示链接 https://jsfiddle.net/t06s4oLb/8/ 描述一下那个虫子 如何复现这个漏洞?将第1节添加到画...

4 个回答更新于 2024年7月5日

问题 #4310

样式管理器在使用包含“bout”和 componentFirst = true 的组合 CSS 选择器时不准确

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 100 可复制演示链接 https://jsfiddle.net/4fmd732c/3/ 描述一下那个虫子 如何复现这个漏洞? 给定 a) “componentFirst”设置为“t...

4 个回答更新于 2022年5月12日

问题 #4752

带有指针事件的组件:'all'(除封装器外)或可编辑组件可以拖拽并下放到自己身上。

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 107.0.5304.121(官方版本)(arm64)可复制演示链接 https://jsfiddle.net/artur_arseniev/aku70f5w描述一下那个虫子 如何复现这...

3 个回答更新于 2022年12月12日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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