#51352023年5月22日作者 duclet2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 全部 可复制演示链接 没有 描述一下那个虫子 如何复现这个漏洞？根据这里的定义：https://github.com/GrapesJS/grapesjs/blob/dev/src/stylemanager/index.ts#L304，你应该把选项作为“PropertyProps”的“选项”来提供。然而，这里定义的“PropertyProps”：https://github.com/GrapesJS/grapesjs/blob/dev/src/stylemanager/model/Property.ts#L9，并不具备这样的属性。这导致TS编译器开始抱...
SachinPuthiyoth
看起来 StyleManagerConfig.sectors 中的类型定义没有变化 ： https://github.com/GrapesJS/grapesjs/blob/5c890449a52f526bc480d6dc649ff5e01ec59140/src/stylemanager/config/config.ts#L8 我们是不是应该更新它，使用像 PropertyTypes 这样的功能： https://github.com/GrapesJS/grapesjs/bl...
ClaudeCode
谢谢你举报，@duclet。 关于 StyleManager.addProperty 类型定义错误的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console....
#51342023年5月20日作者 yashvi20261 个回答
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v91 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 我想用一个命令触发rte，我找到了enableEditing但不起作用，有没有命令可以触发RTE吗 行为准则 [X] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@yashvi2026。 用命令启用默认RTE的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告...
#51312023年5月20日作者 sdimitrenco2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 铬可复制演示链接 https://jsfiddle.net/sdimitrenco/rn8u4pc0/7/描述一下那个虫子 我不确定这是不是bug，但对我来说，这种行为看起来很奇怪 我有一个组件列表，包含组件ol和组件LI。 那个代码，代表阻挡 组件列表的模型 这个模型用于 ol 分量 以及锂分量的模型 如你所见，所有模型都包含类型和标签名称，在 Grapes 内部也正常，但如果我尝试转换成 json，比如 JSON.stringify（this.grapesInstance.getComponents（）），我有 json 丢失了带标签名的所有字段，看...
artf
如果属性的值与默认定义相同，则跳过。这由 ['avoidDefaults']（https://github.com/GrapesJS/grapesjs/blob/e217dc75d463a84333ee4d9f37216f4f56c77024/src/editor/config/config.ts#L250-L256） 配置选项控制，强烈建议尽量保持 JSON 小。
ClaudeCode
谢谢你举报，@sdimitrenco。 After JSON.stringify 组件没有所有字段的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）...
#51122023年5月14日作者 putzwasser4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 版本 1.51.110 Chromium：113.0.5672.77（Offizieller 版本）（64位） 可复制演示链接 https://grapesjs.com/docs/getting-started.html#add-blocks 描述一下那个虫子 在Linux、Wayland（Arch Linux和Gnome）上，使用Brave时你不能添加块。如果你拖放方块，松开鼠标后它们会消失，这让GrapeJS变得失效或无用。 我试过禁用勇气护盾和无痕模式，确保没有干扰JS。结果一样 如何复现这个漏洞？打开 Grapejs 文档页面尝试通过拖放添加...
artf
通过用同一个 Brave 版本（Mac 版）检查，拖放功能似乎正常，所以看起来不像是 GrapesJS 本身或浏览器的问题。 如果有其他人有类似经历或对这个问题有更多了解，请告诉我们。
gxanshu
我在Tauri上也遇到同样的问题。他们用的是WebGTK，拖放功能也没用
putzwasser
通过用同一个 Brave 版本（在 Mac 上）检查，拖放似乎正常，所以看起来不像是 GrapesJS 本身或浏览器的问题。 我觉得这支票不算有效。用Mac会得到完全不同的配置。我本以为这个问题可能和我的具体设备有关，但这并不意味着葡萄那边完全没办法。 我不指望你去解决，因为这可能是个角落情况，资源有限。也许这甚至和在Wayland上使用Brave有关。
#51102023年5月13日作者 yashvi20262 个回答
我正在获得 editor.getSelected（）.view.enableEditing（）;不是函数
artf
请避免在未遵循问题模板的情况下打开错误问题。 你可以用一个合适的描述和用例来开启新的讨论。
ClaudeCode
谢谢你举报，@yashvi2026。 感谢你分享关于'enableEditing'被附加到视图上的报告，你可以从模型中获取它的实例，所以选择组件，在控制台'editor.getSelected（）.view.enableEditing（）'中运行。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示...
#51092023年5月13日作者 yashvi20262 个回答
我尝试在Grapejs控制台启用编辑，但没有收到RTE，而是出现编辑器未定义错误
yashvi2026
如何使用“启用编辑” editor.getSelected（）.view.enableEditing（）; 这会产生一个错误
ClaudeCode
谢谢你举报，@yashvi2026。 enableediting不work的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别...
#51072023年5月11日作者 siddhi13972 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 匿名 描述一下那个虫子 如何复现这个漏洞？NPM 安装 Grapesjs-BASIC-Blocks 中的任意插件之后运行应用程序，就像我用的是 Angular 应用一样 预期的行为是什么？ 应该能正常运行 目前的行为是什么？ 它会报错，比如命名空间 grapesjs 未找到或 namespace tui-image-editor 找不到行为准则 [X] 我同意遵守本项目的行为准则
artf
如果你没有可重复的链接，请避免制造错误问题
ClaudeCode
谢谢你举报，@siddhi1397。 关于安装像grapesjs basic block或tui-image-editor这样的插件时，node_modules中会出现命名空间错误，这个问题非常好。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript...
#51052023年5月11日作者 Baghunts2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome@latest 可复制演示链接 https://no-link.com 描述一下那个虫子 ![图片]（https://github.com/GrapesJS/grapesjs/assets/133208978/3a5ce51a-fedf-4fd7-9063-a5af519690b9） ![图片]（https://github.com/GrapesJS/grapesjs/assets/133208978/0b990b40-94b1-48c1-94dc-c4d81adf0368）行为准则 [X] 我同意遵守本项目的行为准则
artf
谢谢@Baghunts，发现得很好。目前的解决方法是 '.addStyle（{ 'border-left'： '...' }）`
ClaudeCode
谢谢你举报，@Baghunts。 通过（prop， value）添加style o component的问题，工作不正确。似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（Co...
#50902023年5月3日作者 FaisalShaikhHA2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 112.0.5615.137（官方配置）（arm64） 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 组件定义： 丢弃、保存和重新加载时，有两个地方调用的是同一个脚本。一个在保存的 HTML/JSON 里，另一个是 Grapesjs 自己添加的。 如何复现这个漏洞？添加带有脚本函数的自定义组件类型。放下它并保存页面。重新加载页面时，脚本函数运行两次。 预期的行为是什么？ 脚本函数应该只运行一次。 目前的行为是什么？ 脚本函数运行两次。行为准则 [X] 我同意遵守本项目的行为准则
artf
正如[这里]（https://grapesjs.com/docs/modules/Storage.html#project-data）解释的，编辑项目时不应重新导入输出HTML，只需导入JSON。
ClaudeCode
谢谢你举报，@FaisalShaikhHA。 关于组件脚本函数在保存页面后运行两次，这个问题非常好。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#50892023年5月2日作者 davidrhoderick3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 112.0.1 可复制演示链接 https://github.com/davidrhoderick/grapesjs-test 描述一下那个虫子 如何复现这个漏洞？跟随入门（你可以用Typescript和SCSS看到我用一个基础的Parcel项目来理解的结构）当你进入“主题”步骤时，尝试导入Grapes SCSS时会报错。 预期的行为是什么？ 只要我按照“入门教程”操作，一切都能正常工作。 目前的行为是什么？ 当我进入应该允许我用SCSS自定义应用外观的步骤时，出现了以下错误： “壳” @parcel/transformer-sass...
davidrhoderick
有趣的是，基于CSS的样式确实有效。
artf
看起来 Parcel 变换器试图导入的是 'codemirror/lib/codemirror.js'，而不是 'codemirror/lib/codemirror.css'： “''CSS @import“codemirror/lib/codemirror”; ``` 所以我建议你在相关包裹上开启问题
ClaudeCode
谢谢你举报，@davidrhoderick。 关于在SCSS中导入codemirror库出错的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“cha...