#54422023年10月3日作者 kishanp1024 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 镀铬 可复制演示链接 https://jsfiddle.net/a3xgLm7c/3/ 描述一下那个虫子 如何复现这个漏洞？选择文本并应用文本颜色选择相同的文本并应用背景色 预期的行为是什么？两种颜色都应适用 目前的行为是什么？背景色应在应用文本颜色后应用 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ```行为准则 [X] 我同意遵守本项目的行为准则
mapsmarketing
你好@kishanp102， 我尝试按照步骤重现问题，但文字和背景颜色都被应用了（请参见截图）。 <img width=“318” alt=“image” src=“https://github.com/GrapesJS/grapesjs/assets/79551469/74b22828-610a-4530-9582-96c0c120a805”>
kishanp102
拖放文本组件，然后应用字体颜色，再点击外部，点击文本并放置它未应用的背景色 [screencast-jsfiddle.net-2023.10.11-091942.webm]（https://github.com/GrapesJS/grapesjs/assets/43177161/1f7e270d-a144-41fa-84c1-763c7896ae18）
mapsmarketing
没错，你说得对@kishanp102它不会在你已经设置好背景色后给它应用新的背景色。这绝对是个bug。
#54412023年10月3日作者 padcom2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome最新款可复制演示链接 https://github.com/padcom/grapesjs-no-id-for-element-example描述一下那个虫子 在创建自定义 GrapesJS 组件时，如果这些组件带有 'script（）'（组件的运行时行为）且该组件没有样式，那么根元素没有 'id' 属性，这会导致 'document.querySelectorAll（'#<id-goes-here'）' 失败，运行时脚本不会被调用。 在给出的例子中，我创建了一个特殊的自定义元素，称为“<content-preview>'（https://g...
artf
问题源于'jsInHtml： false'的使用以及内部JS生成器的处理方式。 我会尽量在下一个版本里修复这个问题。
ClaudeCode
谢谢你举报，@padcom。 没有样式但带有“脚本”的元素ID导致脚本无法运行的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快...
#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能给我看代码吗？