#66182025年10月1日作者 mohamedsalem4011 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 修复如果不需要传递“collectionsSourceMap”的问题 确保所有听众在不需要时都被清洁 提升“Editor.loadProject”速度 行为准则 [x] 我同意遵守本项目的行为准则
GJS Helper
提升 GrapesJS 编辑器性能和防止内存泄漏对于流畅的用户体验至关重要，尤其是在复杂应用中。让我们来分解一下提出的要点： 1.如果不需要，可以直接传 collectionsSourceMap collectionsSourceMap 一词不是公开的 GrapesJS API 或配置选项。它很可能指的是 GrapesJS 核心内部的数据结构或优化，可能与组件、样式及其他集合的管理和序列化/反序列化有关。如果你在分析过程中观察到这一点，说明大型或复杂的项目数据可能在内部处理...
#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（{...
GJS Helper
你遇到的问题是因为内联样式变形导致GrapesJS冻结，这是个关键bug，源于编辑器内部CSS解析器处理无效语法，特别是未关闭的评论。 根本原因 问题在于你h3元素的 style属性：<h3 style="text-align: center; / margin-top: 20px;">Test</h3>。 在style属性中，你有一个未封闭的CSS注释：/ margin-top: 20px;。CSS注释必须明确关闭，*/。由于不关闭，GrapesJSCSS解析器（在添加或...
#60492024年8月7日作者 danstarns1 个回答
目前代码库依赖于过时的依赖关系。该票旨在： 将所有现有依赖更新到最新的稳定版本。 设置Dependabot，未来自动检查和更新依赖。 保持依赖系统的更新将提升安全性、性能以及与其他工具和库的兼容性。Dependabot 将确保依赖保持最新，减少手动更新的需求。
GJS Helper
保持项目依赖的更新对安全性、性能和兼容性至关重要。对于GrapesJS项目，通常使用Node.js和npm/yarn，这需要双管齐下的方法：最初手动更新，然后用Dependabot自动化后续更新。 1.手动更新现有依赖 在设置Dependabot之前，最好将所有当前依赖都恢复到最新的稳定版本。这个过程是任何Node.js项目的标准流程。 第一步：检查包裹是否过期 在终端中导航到项目的根目录，并运行： 该命令将列出你所有依赖及其当前、需要和最新版本。要密切关注主要版本差异，因...
#50032023年3月23日作者 ngoc1992 个回答
GrapesJS 版本 [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图片（默认情况下，没有外部资源存储，图片是内嵌的）看起来更像是浏览器的限制
GJSBlock
谢谢你举报，@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请避免在讨论中制造问题。
GJSBlock
谢谢你举报，@RakulAgn。 感谢你分享关于使用mjml时自定义特征未更新的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Gr...
#47902022年12月18日作者 clonefunnels3 个回答
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 旧版本不行。真希望能升级！ 描述一下那个虫子 抱歉，我得勾选发帖框...... 如何复现这个漏洞？...用旧版本的 GrapesJS 因为你无法像我一样让新存储管理器工作。...尝试用移动端优化页面。 预期的行为是什么？ ...它会保留你做更改时插入的CSS。 目前的行为是什么？ ...事实并非如此。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 你只需按下导入按钮，它就消失了。 ![2022-12-1806h1426]（https://user-images.githubusercontent.com/9594...
clonefunnels
如果能修复，我不介意继续用旧版本。 或者有人能告诉我如何在不安装Rest API的情况下，像以前那样加载HTML和CSS吗？
clonefunnels
我找到了问题所在。 是grapesjs-parser-postcss.min.js？0.1.1 我用1.0.1替换了它
GJSBlock
谢谢你举报，@clonefunnels。 关于旧版BUG的好问题——如果我找不到帮助让最新版本正常工作......。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => cons...
#47192022年11月9日作者 ronaldohoch1 个回答
GrapesJS 版本 [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...
GJSBlock
谢谢你举报，@ronaldohoch。 关于尝试更改按钮和文本颜色时出现奇怪行为的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'some...
#46122022年9月23日作者 Drew-Daniels2 个回答
GrapesJS版本 [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-a0341e6...
artf
谢谢你的报告，Drew，这似乎和iframe的标准模式有关。目前，为了解决这个问题，我建议通过移除文档类型切换到个性模式： “''js Grapesjs.init（{ // ... 画布：{ frameContent： ''， // 默认为 '<！DOCTYPE html>' }, }) ``` 我决定关闭这个问题，因为它其实和核心没什么关系，很快我会更新 mjml 插件，以正确支持标准模式。
GJSBlock
谢谢你报告，@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
GJSBlock
谢谢你举报，@DhanaDSP1120。 感谢你分享关于Grapesjs 记忆消失问题的报告。为了帮助团队调查和优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的 GrapesJS 版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你用的配置 GrapesJS 有了这些细节，维护者可以更快地识别和优先排序修...