#66182025年10月1日作者 mohamedsalem4011 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 修复如果不需要传递“collectionsSourceMap”的问题 确保所有听众在不需要时都被清洁 提升“Editor.loadProject”速度 行为准则 [x] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@mohamedsalem401。 提升编辑器性能并修复内存泄漏的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快...
#66062025年9月12日作者 MisterKeyboard4 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 描述 编辑器加载时间非常慢。 在复杂的页面（例如包含众多元素和插件如旋转木马的首页），完全加载可能需要长达1分20秒。 但即使是只有少量元素的页面，加载速度仍然明显很慢（几秒钟）。 这种性能问题使编辑器在制作中使用变得困难。 繁衍步骤 打开 GrapesJS 编辑器，创建一个包含多个组件和插件（例如轮播）的页面。 等待编辑器加载。 也可以用只有几个块的简单页面进行测试。 预期结果 编辑器应在几秒钟内加载，无论页面复杂度如何。 实际结...
artf
感谢@MisterKeyboard提供JSON。 你的项目包含了10K风格的规则，数量不少，但我不认为负载会受到太大影响。 @mohamedsalem401我认为我们需要确认数据源相关的更改（例如“StyleableModel.set”）是否对数据🤔源影响过大
mohamedsalem401
@artf会看看并更新情况。
artf
@MisterKeyboard你能分享项目的JSON吗？这样我们可以验证
#65272025年5月22日作者 tim-prom2 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 138.0.4 可复制演示链接 https://codesandbox.io/p/sandbox/exciting-lalande-98d5vw 描述一下那个虫子 如何复现这个漏洞？ 添加带有内联样式错误组件的页面 编辑器无法加载，整个页面变得无响应。Firefox显示“此页面正在使Firefox变慢”警告 预期的行为是什么？ 如果编辑器无法解析CSS，最好在控制台里记录错误，而不是屏蔽整个应用 目前的行为是什么？ 编辑器变得无响应 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 编辑。Pages.add（{...
ClaudeCode
谢谢你举报，@tim-prom。 关于排外样式畸形导致编辑器冻结的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#60492024年8月7日作者 danstarns1 个回答
目前代码库依赖于过时的依赖关系。该票旨在： 将所有现有依赖更新到最新的稳定版本。 设置Dependabot，未来自动检查和更新依赖。 保持依赖系统的更新将提升安全性、性能以及与其他工具和库的兼容性。Dependabot 将确保依赖保持最新，减少手动更新的需求。
ClaudeCode
谢谢你举报，@danstarns。 安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。 为你现在： 运行“npm审计修复”以查看可用的补丁 查看是否有更新的GrapesJS版本，可能已经解决了这个问题 如有稳定版，升级前先测试最新稳定版 如果漏洞非常严重，可以使用“npm audit fix --force”，但请务必彻底测试 理解风险： 在GitHub安全公告中查看具体漏洞详情 并非所有高严重性问题都会影响你的代码路径 某些漏洞仅在特定条件下触发...
#50032023年3月23日作者 ngoc1992 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬111 可复制演示链接 https://jsfiddle.net/9zf4kd6e/——这是设计师模式的演示 描述一下那个虫子 如何复现这个漏洞？添加一个带有“dragMode”的绝对图像组件上传足够大的SVG图片。你可以使用[此图]（https://freesvg.org/anime-girl-warrior）拖动图像拖动文本组件 预期的行为是什么？SVG图像在拖拽时不会被调整大小将SVG图像快速移动到正确位置当存在较大的SVG图像时，组件移动速度较快 目前的行为是什么？SVG图像在鼠标滑动后自动调整大小，紧跟光标位置。手动调整图像大小后，可以拖...
artf
@ngoc199我已经讨论了大部分关于绝对模式的问题[这里]（https://github.com/GrapesJS/grapesjs/issues/3770#issuecomment-944915841）。我觉得调整大小的问题可以很容易地加入，但大型嵌入的SVG图片（默认情况下，没有外部资源存储，图片是内嵌的）看起来更像是浏览器的限制
ClaudeCode
谢谢你举报，@ngoc199。 关于Chrome上绝对拖拽速度极慢的问题很棒。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组...
#47962022年12月21日作者 RakulAgn2 个回答
这种方法对普通HTML来说是正常的。但当我尝试用MJML来标记MJ-IMAGE标签时， SRC在TR标签中是更新的，但在TR标签内的img标签中没有更新 下方图片 ![截图来自2022-12-21 13-32-13（1）]（https://user-images.githubusercontent.com/119593989/208852368-33fc6704-88e4-4ac0-8f9c-9c022efd67cb.jpg） Originally由@RakulAgn在 https://github.com/artf/grapesjs/discussions/4795发布
artf
@RakulAgn请避免在讨论中制造问题。
ClaudeCode
谢谢你举报，@RakulAgn。 感谢你分享关于使用mjml时自定义特征未更新的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Gr...
#47902022年12月18日作者 clonefunnels3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 旧版本不行。 真希望我能升级！ 描述一下那个虫子 抱歉，我得勾选发帖框...... 如何复现这个漏洞？...用旧版的GrapesJS，因为你无法像我一样让新的存储管理器工作。...尝试用移动端优化页面。 预期的行为是什么？ ...它会保留你做更改时插入的CSS。 目前的行为是什么？ ...事实并非如此。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ``` 你只需按下导入按钮，它就消失了。 ![2022-12-1806h1426]（https://user-images.githubuserco...
clonefunnels
如果能修复，我不介意继续用旧版本。 或者有人能告诉我如何在不安装Rest API的情况下，像以前那样加载HTML和CSS吗？
clonefunnels
我找到了问题所在。 是grapesjs-parser-postcss.min.js？0.1.1 我用1.0.1替换了它
ClaudeCode
谢谢你举报，@clonefunnels。 关于旧版BUG的好问题——如果我找不到帮助让最新版本正常工作......。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => cons...
#47192022年11月9日作者 ronaldohoch1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 勇敢的最后版本 可复制演示链接 https://jsfiddle.net/qsd9zjrc/ 描述一下那个虫子 如何复现这个漏洞？打开链接（https://jsfiddle.net/qsd9zjrc/）尝试更改文字颜色尝试通过点击按钮更改绿色按钮颜色，然后进入排版![图片]（https://user-images.githubusercontent.com/2287371/200911324-4575abf0-e42b-4d27-8793-ee0402f536b3.png）你会注意到颜色里有“！important”。![图片]（https://use...
ClaudeCode
谢谢你举报，@ronaldohoch。 关于尝试更改按钮和文本颜色时出现奇怪行为的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'some...
#46122022年9月23日作者 Drew-Daniels2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 105.0.5195.125（官方构建）（x86_64） 可复制演示链接 https://codesandbox.io/s/grapesjs-grapesjs-mjml-react-bug-w7qtec?file=/src/index.js 描述一下那个虫子 如何复现这个漏洞？从一张空白画布开始尝试将“grapesjs-mjml”块编辑器组件拖到空白画布上。确认你无法登录，并收到此警告记录到控制台： ![图片]（https://user-images.githubusercontent.com/62859552/192033463-a0341e69-...
artf
谢谢你的报告，Drew，这似乎和iframe的标准模式有关。目前，为了解决这个问题，我建议通过移除文档类型切换到个性模式： “''js Grapesjs.init（{ // ... 画布：{ frameContent： ''， // 默认为 '<！DOCTYPE html>' }, }) ``` 我决定关闭这个问题，因为它其实和核心没什么关系，很快我会更新 mjml 插件，以正确支持标准模式。
ClaudeCode
谢谢你报告，@Drew-丹尼尔斯。 关于在0.19.4版本之后无法将MJML组件丢到空白画布上的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（...
#45582022年9月6日作者 DhanaDSP11203 个回答
同时在文字上连续用粗体斜体并下划线。一旦打开图层管理器，就会发生了，而且 它只在 V0.18.2 和更低版本中正常工作 复制链接 工作版本： https://jsfiddle.net/76gnxh4d/39/ 无法正常工作的版本： https://jsfiddle.net/76gnxh4d/40/ 演示： ![Grapesjs版本第2期]（https://user-images.githubusercontent.com/54067384/188277178-5cd2021d-5070-411f-9b71-ae339f64c5d6.gif） Originally由@DhanaDSP1120在 https://github.com/...
artf
@DhanaDSP1120看起来是压力的边缘情况，没人真正关心，但如果你想深入探讨，我愿意合并一个PR
ClaudeCode
谢谢你举报，@DhanaDSP1120。 感谢你分享关于葡萄消失记忆问题的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Grape...