#60922024年8月26日作者 MdShadabAhamad3 个回答
@artf,我有个问题,我们能在Studio里实现自定义JS吗?意思是,有嵌入的 JavaScript 代码功能吗? Originally由@MdShadabAhamad在 https://github.com/GrapesJS/grapesjs/discussions/6080#discussioncomment-10449335发布
artf
@MdShadabAhamad请避免在讨论中开启问题,谢谢
icoco
看起来没有工作室的源代码,你能在哪里找到工作室?
ClaudeCode
谢谢你举报,@MdShadabAhamad。 关于@artf的好问题,我有个问题,我们能在Studio里实现自定义JS吗?意思是有嵌入 JS 代码的功能吗?GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('chang...
#60492024年8月7日作者 danstarns1 个回答
目前代码库依赖于过时的依赖关系。该票旨在: 将所有现有依赖更新到最新的稳定版本。 设置Dependabot,未来自动检查和更新依赖。 保持依赖系统的更新将提升安全性、性能以及与其他工具和库的兼容性。Dependabot 将确保依赖保持最新,减少手动更新的需求。
ClaudeCode
谢谢你举报,@danstarns。 安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。 为你现在: 运行“npm审计修复”以查看可用的补丁 查看是否有更新的GrapesJS版本,可能已经解决了这个问题 如有稳定版,升级前先测试最新稳定版 如果漏洞非常严重,可以使用“npm audit fix --force”,但请务必彻底测试 理解风险: 在GitHub安全公告中查看具体漏洞详情 并非所有高严重性问题都会影响你的代码路径 某些漏洞仅在特定条件下触发...
#60482024年8月7日作者 danstarns1 个回答
代码库目前使用过时版本的 TypeScript。该票旨在: 升级到最新版本的TypeScript。 确保所有项目中的TypeScript配置一致。 将TypeScript集成到开发和CI流程中,实现自动类型检查。 更新和标准化 TypeScript 将提升类型安全性,减少错误,并提升整体代码质量。
ClaudeCode
谢谢你举报,@danstarns。 Typescript 的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在报告...
#60462024年8月7日作者 danstarns2 个回答
当前代码库依赖提交钩子来执行某些规则和检查。该票旨在: 移除现有的提交钩子。 配置配置配置执行器以执行这些检查,并在开发分支或拉取请求中报告问题。 将这些职责转交给CI跑者将简化开发流程,确保问题能够以集中方式持续被发现和解决。
danstarns
相关报道: https://github.com/GrapesJS/grapesjs/issues/6045
ClaudeCode
谢谢你举报,@danstarns。 感谢你分享关于提交钩子的报告。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节,维护者可以更快地识别和优先排序修复。GrapesJS团队对有...
#60452024年8月7日作者 danstarns1 个回答
代码库目前使用过时的线条工具和格式化库。该票旨在: 升级到最新版本的线条处理工具和格式化库。 确保所有项目的线条和格式规则保持一致。 将这些工具集成到开发和CI流程中,实现自动化执法。 标准化这些工具将提升代码质量,减少错误,并创造更为统一的开发环境。
ClaudeCode
谢谢你举报,@danstarns。 线条化、格式化的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在报告中包含...
#60442024年8月7日作者 danstarns2 个回答
在整个代码库中,我们构建并关联了基于非常旧版本Node.js的依赖。 参见: https://github.com/GrapesJS/grapesjs/blob/dev/.github/workflows/publish.yml#L15 https://github.com/GrapesJS/grapesjs/blob/dev/.github/workflows/build.yml#L15 https://github.com/GrapesJS/grapesjs/discussions/5973 https://github.com/GrapesJS/grapesjs/blob/dev/CONTRIBUTING.md?plain=...
danstarns
相关报道:https://github.com/GrapesJS/grapesjs/issues/6048https://github.com/GrapesJS/grapesjs/issues/6049
ClaudeCode
谢谢你举报,@danstarns。 关于Node JS LTS版本的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed...
#59932024年7月5日作者 TutorialMan77272 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 歌剧109 可复制演示链接 https://jsfiddle.net/9zmyrhoe/ 描述一下那个虫子 如何复现这个漏洞? 打开上面的 jsfiddle 然后跑 预期的行为是什么? 这些面板本不该展示 目前的行为是什么? 黑色空面板 如果有任何额外信息,欢迎随时提问 行为准则 [X] 我同意遵守本项目的行为准则
TutorialMan7727
所以,下面的CSS没有工作。我不得不手动更改grapes.min.css文件里的CSS。 CSS 无法在 grapes.min.css 中覆盖 CSS。 .gjs-cv-canvas { 顶部:0; 宽度:100%; 身高:100%; }
ClaudeCode
谢谢你举报,@TutorialMan7727。 关于显示空面板的问题很棒。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed'...
#59372024年6月10日作者 nimisha7443 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 镀铬可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html https://prnt.sc/SyoEBQMUJbO8描述一下那个虫子 如何复现这个漏洞? 我正在制作PRAPES JS通讯演示版的演示,并处理HTML并发送邮件 预期的行为是什么? 我想用那个模板发送图片,然后通过邮件传递。 就像这是我的演示=> https://prnt.sc/iTHa6Bg0IfRr 目前的行为是什么? 现在在演示视图里,图片看起来还不错,但当我发送邮件时,图片无法工作,IMG标签中也没有传递SRC 我收到邮件 =...
artf
@nimisha744该仓库中的问题仅针对核心框架相关的漏洞,演示只是为了展示框架能力。
nimisha744
你能帮我拿到这个代码吗?https://prnt.sc/qAb-i9M5c6SF 顺便说一句,我现在只收到 HTML let html = editor.getHtml();另外请提供通讯的选项 图片和侧边栏里我看到的是名字,不是图标,请分享选项配置 那种环境 2024年6月10日星期一 下午5:58 Artur Arseniev @.> 写道: 这个仓库里> @nimisha744 <https://github.com/nimisha744>问题只有核心框架相关的漏洞,...
ClaudeCode
谢谢你举报,@nimisha744。 关于图片发送到邮寄的问题非常好。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed'))...
#59142024年5月28日作者 viicslen2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Microsoft Edge 125.0.2535.51 可复制演示链接 https://jsfiddle.net/szLp8h4n 描述一下那个虫子 预期的行为是什么? 编辑器应该在SVG标签内渲染图像和遮罩 目前的行为是什么? SVG组件没有可见内容行为准则 [X] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报,@viicslen。 SVG包含蒙版和图像无法正确渲染的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原...
#58692024年5月7日作者 ajayagrahari092 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 铬可复制演示链接 测试描述一下那个虫子 我没看到任何显示图标或形状的方法行为准则[X] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报,@ajayagrahari09。 图标和形状选项的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在报...