#54322023年9月29日作者 mahmudz1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 117.0.5938.132 可复制演示链接 https://jsfiddle.net/bx8rtseh/2/ 描述一下那个虫子 如何复现这个漏洞？设置远程商店管理器加载一些带有tailwindCSS类的html 样本 '''html <div class=“P-12 MD：W-1/2 flex flex-col items-start”> 你好 </div> 目前的行为是什么？ 意外更改了职业名称 '''html <div class=“P-12 MD：W-1-2 flex flex-col items-start”> 你好 </di...
ClaudeCode
谢谢你举报，@mahmudz。 关于TailwindCSS响应式md：w-2/3类被转换为md：w-2-3的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => cons...
#54252023年9月26日作者 javadsamiee2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 117 可复制演示链接 https://jsfiddle.net/mirjavad/ctsx7zer/5/ 描述一下那个虫子 我想为一个页面创建一个克隆动作，并注意到了这个bug。 如何复现这个漏洞？创建多个具有相同组件ID和CSS的页面 页码： [{ 编号：“第1页”， 名称：“第1页”， 组件： '<div id=“comp1”>第1页</div>'， 风格：“#comp1 { 颜色：红色 }'， }, { 编号：“第2页”， 名称：“第2页”， 组件： '<div id=“comp1”>第2页</div>'， 风格：'#comp1 { 颜色：绿...
artf
好的抓包@javadsamiee将在下一次版本中修正
ClaudeCode
谢谢你举报，@javadsamiee。 关于添加类似页面时，组件ID会被更改，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'som...
#54242023年9月26日作者 bgrand-ch2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 116.0.5845.187可复制演示链接 https://jsfiddle.net/yLcvbwjd/描述一下那个虫子 如何复现这个漏洞？添加“component：styleUpdate”事件用“addStyle”或“setStyle”更新组件的样式 预期的行为是什么？ 'component：styleUpdate' 被触发 目前的行为是什么？ 'component：styleUpdate' not 已触发行为准则[X] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@bgrand-ch。 关于'component：styleUpdate'事件未触发的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.l...
#54082023年9月21日作者 quentin-bettoum3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 118 可复制演示链接 没有 描述一下那个虫子 你好， 我按照这里文档的指示为GrapesJS做了主题：https://grapesjs.com/docs/getting-started.html#theming 但在 0.21.6 版本中，已经无法在 SCSS 中“@import”grapesjs/src/styles/scss/main.scss“;因为该文件在 'node_modules/grapejs/' 文件夹中缺失行为准则 [X] 我同意遵守本项目的行为准则
artf
和 https://github.com/GrapesJS/grapesjs/issues/5392 一样的问题
ClaudeCode
谢谢你举报，@quentin-bettoum。 0.21.6 版本中缺少 main.scss 的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：** 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）...
#53982023年9月19日作者 padcom2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 镀铬可复制演示链接 https://github.com/padcom/grapesjs-import-error描述一下那个虫子 0.21.6 改变了导出方式，现在 VSCode 不再识别类型声明： ![图片]（https://github.com/GrapesJS/grapesjs/assets/553994/1505cca4-2436-4840-8efd-2f2adccb4723） 当TypeScript使用以下情况时，就会发生这种情况： '''json “compilerOptions”： { “module”：“ESNext”， “module...
padcom
PR：https://github.com/GrapesJS/grapesjs/pull/5399
ClaudeCode
谢谢你举报，@padcom。 package.json导出时缺少类型声明的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根...
#53922023年9月17日作者 joukhar4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 114.0.5735.199（官方构建）（64位） 可复制演示链接 无 描述一下那个虫子 最新版本0.21.6没有“src”文件夹 使用 NPM 安装 Grapesjs 时 'npm install [email protected]' 行为准则 [X] 我同意遵守本项目的行为准则
joukhar
只有一个文件 “嘶嘶声” @import “./editorvariables”; @import “./editorvendor”; @import “./editorfonts”; @import “./editoricons”; @import “./custom”; @import “./custom/main”; @import “./装填手”; ``` SCSS文件比CSS文件更有组织、更强大，但我有备份计划
artf
@bgrand-我觉得你提到的问题可以用CSS变量解决。 我还在考虑引入一个新的主题小模块，允许通过程序更新编辑器外观，底层则是更新内部CSS变量。
joukhar
因为SAS文件可以覆盖变量，这一点非常重要
#53892023年9月16日作者 hannydevelop3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ ChromeV117.0.5938.62 可复制演示链接 https://stackblitz.com/edit/node-1zsusv 描述一下那个虫子 如何复现这个漏洞？ 运行“node index.js”启动应用程序。 预期的行为是什么？ ... 目前的行为是什么？ 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js const editor = grapesjs.init（{ headless： true }）; ```行为准则 [X] 我同意遵守本项目的行为准则
hannydevelop
你能查查最新版本吗 https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6 非常感谢@artf这方法非常有效。
artf
你能查查最新版本 https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6
ClaudeCode
谢谢你举报，@hannydevelop。 关于GrapesJS v0.21.5在NodeJS（无头）中无法工作的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console....
#53882023年9月16日作者 hannydevelop4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ ChromeV117.0.5938.62 可复制演示链接 https://codesandbox.io/embed/quizzical-galileo-cqldjh?fontsize=14&hidenavigation=1&theme=dark 描述一下那个虫子 如何复现这个漏洞？使用商店管理器的商店页面尝试用无头模式取回他们 预期的行为是什么？ 创建的HTML应与编辑器相同，包括自定义标签。 目前的行为是什么？ 自定义标签和其他非默认标签如“input”会被转换成“div”。例如，以下是编辑者的正常行为： 不过，这里有无头模式的代码： 看看“输入”...
artf
你好，@hannydevelop你有自定义组件类型，但你没有在“grapesjs.init”上传递任何插件，这就是为什么默认的“div”应用了
hannydevelop
你好，@hannydevelop你有自定义组件类型，但你没有在“grapesjs.init”上传递任何插件，这就是为什么默认的“div”应用了 抱歉我又要重新打开这个，按正常方式添加插件会返回错误：
artf
@hannydevelop能给我看代码吗？
#53862023年9月15日作者 kmkaliraj2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 埃奇 可复制演示链接 匿名 描述一下那个虫子 如何复现这个漏洞？ 版本：0.18.2 我们的系统中记录了Grapejs模块的以下错误。我们不确定该错误发生在哪种情况下。 类型错误：无法读取未定义的属性（读取“宽度”） at Object.getTargetToElementFixed （https://content.domain.com/resource/makerx/static/js/module/vendors~form-designer~c7cc6222.85501132.chunk.js:2:6330393） 载于 i.updateToo...
ClaudeCode
谢谢你举报，@kmkaliraj。 关于无法读取未定义属性（读作“宽度”）的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something cha...
#53852023年9月14日作者 padcom4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://github.com/padcom/grapesjs-bug-dirty-count-non-deterministic/blob/master/index.html 描述一下那个虫子 目前，当用户调用“wait load（）”时，脏计数为零。只有在下一个事件循环或之后，计数才会增加。因此： “JavaScript await editor.load（） console.log（editor.getDirtyCount（）） 变更次数为1。 预期行为是，在等待调用“load（）”后，如果如 #5373 所述编辑器被...
artf
还增加了加载选项，以便在加载后清除编辑器内部状态 “''js const storageOptions = {}; const loadOptions = { clear： true }; await editor.load（storageOptions， loadOptions）; editor.getDirtyCount（）;加载后应该始终是0 ```
artf
这里已经有 https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6