#59412024年6月11日作者 shahsalmanbukhari3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 125.0.6422.113 可复制演示链接 <script src=“https://grapesjs.com/js/toastr.min.js”></script> 描述一下那个虫子 如何复现这个漏洞？只需点击这些链接中的任意一个，他们会显示404页 预期的行为是什么？ 它应该能从CDN加载文件 目前的行为是什么？ 文件不会从CDN加载 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 不，需要执行，只需点击任何提供的链接 ```行为准则 [X] 我同意遵守本项目的行为准则
artf
嘿，@shahsalmanbukhari你说的不是CDN，而是公开网站上的简单资源。请不要使用它们，因为没有版本控制，甚至不保证不会被迁移（因为网站迁移导致的）。 请使用真实的CDN作为使用方式 https://unpkg.com/grapesjs
shahsalmanbukhari
嘿@shahsalmanbukhari你说的不是CDN，而是公共网站上的简单资源。请不要使用它们，因为没有版本控制，甚至不保证不会被迁移（因为网站迁移导致的）。使用真实的CDN作为 https://unpkg.com/grapesjs 你好@artf 非常感谢，让我试试你建议的解决方案
ClaudeCode
谢谢你举报，@shahsalmanbukhari。 关于GrapesJS CDN无法使用的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'...
#59292024年6月6日作者 mcnika2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 版本 125.0.6422.141 可复制演示链接 无 描述一下那个虫子 在为存储管理器设置以下配置时： 'storageManager： { 自动保存：错误， 自动加载：错误， } 封装样式（背景色、图片......）消失，只得到这个： '<正体样式=“框大小：边框;边框：0;”> ... 行为准则 [X] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@mcnika。 GrapesJS 未能将样式应用到包装器的问题似乎是竞赛条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根...
#58912024年5月17日作者 shapley2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 125.0.3，Brave 1.66.110 可复制演示链接 https://jsfiddle.net/szLp8h4n 描述一下那个虫子 按照“git”指令在终端执行“yarn start”时安装Grapesjs： ~$ sudo apt install Nodejs NPM ~$ sudo apt install curl gnupg -y ~$ 卷发 -sS https://dl.yarnpkg.com/debian/pubkey.gpg |sudo apt-key 补充 - Echo “Deb https://dl.yarnp...
artf
谢谢@shapley，这其实和GrapesJS甚至Yarn没什么关系，你得[增加文件系统监视者]（https://stackoverflow.com/a/65347277）。
ClaudeCode
谢谢你举报，@shapley。 错误 错误：ENOSPC：系统对访问文件监视者数量的限制，watch '/home/user/grapesjs/node_modules/@babel/traverse/lib/hub.js' 发生在 StyleManager 尝试访问属性时，尚未完全初始化组件生命周期。这是GrapesJS中常见的竞争条件。 立即解决办法： 如果你控制代码，可以用空检查包裹调用： “JavaScript if （component && typeof com...
#58852024年5月14日作者 vincepv3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefoxe 125.0.3（64位） 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞？安装最新版本的Grapejs点击全屏选择带有颜色属性的文本或块点击开放样式管理器点击色彩选择器 ![葡萄色]（https://github.com/GrapesJS/grapesjs/assets/26679806/3349a2ba-abb2-4d87-aa69-e7c7a00eb7ad） 你可以在这里转载：[https://grapesjs.com/demo...
vincepv
问题解决了。 我找到了解决办法。 当我启动 grapejs 时，我会用 colorPicker 传递对象配置 const config = { 容器：“#editor”， fromElement： true， 其他配置选项在这里 colorPicker： { 附录：'父'， 偏移：{ 顶部：26，左：-166， }， } }
artf
谢谢@vincepv，可能会因为编辑器容器的渲染方式和位置，全屏命令和颜色选择器的默认配置之间存在冲突。 在大多数情况下，只要把颜色选择器放在同一个编辑器容器里，它们就能正常工作。 “''js Grapesjs.init（{ 容器：“#gjs”， colorPicker： { appendTo： '#gjs' }， // ... }) ```
ClaudeCode
谢谢你举报，@vincepv。 关于全屏时，颜色选择器是隐藏的，这个问题问得很好。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethin...
#58822024年5月13日作者 Riddle10011 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://jsfiddle.net/szLp8h4n 描述一下那个虫子 如何复现这个漏洞？创建方块点击它进入特质标签页设置新ID进入样式标签页查看身份未变（类别下） 要查看身份证，您必须：执行前述步骤方块失焦（例如点击身体）聚焦方块 预期的行为是什么？ 让ID更新时无需重新聚焦 目前的行为是什么？ 需要重新聚焦才能看到ID的变化 行为准则 [X] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@Riddle1001。 关于ID更改后不更新的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...
#58292024年4月19日作者 Mustufask3 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 版本 123.0.6312.123可复制演示链接 未捕获类型错误：_webpackrequire_.r 不是 ./nodemodules/grapesjs/dist/grapes.mjs （grapes.mjs：1：1） at _webpackrequire （bootstrap：789：1） at fn （bootstrap：150：1） at ./src/Demo/Templates/TextEditor.js （Templates.js：31：1） webpackrequireat fn （bootstrap：150：1） at ./src/Dem...
Mustufask
@artf请帮我解决这个问题，因为这个节点模块文件不允许 Grapesjs 在我的基于 react 的环境中工作 项目
artf
相关讨论 https://github.com/GrapesJS/grapesjs/discussions/5400 请在开启问题前使用搜索功能。
ClaudeCode
谢谢你举报，@Mustufask。 关于未捕获类型错误：_webpackrequire_.r不是函数，位于./nodemodules/grapesjs/dist/grapes.mjs （grapes.mjs：1：1） at _webpackrequire （bootstrap：789：1） at fn （bootstrap：150：1） at ./src/Demo/Templates/TextEditor.js （Templates.js：31：1） at s/src/De...
#58262024年4月18日作者 subhojit-unnatim1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 123.0.6312.123 可复制演示链接 https://jsfiddle.net/35Lq26du/1/ 描述一下那个虫子 如何复现这个漏洞？插入任何容器、柱子等更改组中任一的背景颜色，如果你插入两个容器，则更换一个容器的背景 预期的行为是什么？应更改容器背景色 目前的行为是什么？ 其他容器的背景颜色变化也很重要 我注意到风格管理器用类名来存储 CSS 属性，而不是 id 。 用 img style manager 时用 id，但大部分时间用类名代替 ID行为准则 [X] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@subhojit-unnatim。 关于*的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'...
#58102024年4月14日作者 ctrhub4 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Arc 版本 1.35.0 / Chromium 引擎 123.0可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 我的特殊情况： 就我而言，插件和通用样式的所有样式都集中在头部。所以，为了在编辑器中实现类似的表现，我会把这些样式添加到Canvas头部。当我在通用样式中指定背景色时，它会被GJS画布样式覆盖。这迫使我明确规定“重要”规则，而我不想这么做。 ![截图 2024-04-14 19 51 32]（https://github.com/GrapesJS/grapesjs/assets/108364491...
artf
它的目的是存储画布样式，那些不会影响 hmtl/css 结果的样式，不会导出的样式，对吧？ 正确默认的机身是白色背景，这似乎是所有浏览器的默认颜色，对吧？ 是的，但“iframe”主体没有默认背景色，所以才有那个样式，所以你需要根据你的使用情境找到合适的。
artf
有 [canvasCss]（https://github.com/GrapesJS/grapesjs/blob/99bc79c1e45da1a2db62aace97b62206eb103bc2/src/editor/config/config.ts#L154） 选项。 下次请开个讨论区，这不是核心漏洞，而是用法错误。
ctrhub
嘿，@artf。谢谢你的回答。我不确定我们是否完全理解对方，我想澄清一个细节。 是的，我知道canvasCss属性，而且我用它来更改所选组件的样式。我理解这个属性的本质：它旨在存储画布样式，那些不会影响 hmtl/css 结果的样式，不会导出的样式，对吧？ 那为什么默认画布样式有这个 CSS 规则 '''body { background-color： white; }``` ?为什么我们有理由去覆盖它？ 我理解选择了主体元素的情况，在这种情况下，为交互性应用一些样式是合理...
#57952024年4月4日作者 gitpugal2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬V9 可复制演示链接 描述一下那个虫子 如何复现这个漏洞？...... 预期的行为是什么？ ... 目前的行为是什么？ ... 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ```行为准则 [X] 我同意遵守本项目的行为准则
artf
@gitpugal如果有任何问题，请使用讨论区
ClaudeCode
谢谢你举报，@gitpugal。 关于如何添加额外的自定义块管理器，比如标签页或部分，比如块管理器和样式管理器，并添加一些块？ 这个问题很棒。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （）...
#57882024年4月2日作者 lexoyo3 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 无可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 大家好!!<3 如何复现这个漏洞？打开[Grapesjs官方网页演示]（https://grapesjs.com/demo.html）点击容器，例如英雄区容器在容器上应用“font-weight： bold;”样式 => 所有文本变粗选择其中一个文本，勾选属性“font-weight”，设置为“normal” 预期的行为是什么？ “font-weight”应放在“”'空字符串或“unset”中，这样我可以选择“normal”来取消“font-weight： b...
artf
我需要选择别的，而不是普通 是的，如果没有值，默认界面会预选“默认值”，但这很容易更新 “''js 编辑。StyleManager.getProperty（'typography'， 'font-weight'）.set（{ 默认： ' ' }）; ``` 所以我猜这不是核心漏洞，而是“意外预期”的行为 🥲
lexoyo
哦，明白了，我以为你会希望默认值是预期的行为 😃 谢谢你的回答
ClaudeCode
谢谢你举报，@lexoyo。 关于CSS属性默认值的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'）...