GrapesJS 问题

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'...

artf

你应该避免把共享样式放在组件相关的样式里。 请查看关于如何预防这种情况的讨论：https://github.com/GrapesJS/grapesjs/discussions/5968

ihatov08

作为临时变通，每个组件的样式前缀都带有 id。 “''js 从 './data/hero-1' 导入 { HTML 作为 hero1html，css 作为 hero1css }; 从 './data/content-1' 导入 { html 作为 content1html，css 作为 content1css }; 连续来源 = [ { 编号：“英雄-1”， 名字：“英雄1号”， 分类：“英雄”， HTML：hero1html， CSS：hero1css， 类别：“BG-G...

ihatov08

@artf 谢谢你的回复。 我想确认一下#5968

ihatov08

@artf 抱歉，框架并不像你说的那样解决所有问题。 我以后会认真阅读文档。 谢谢你的回复。

artf

这不是个bug，更像是与HTML整体工作方式相关的用户体验问题，这也是我们在工具栏里提供“选择父”按钮的确切原因。 不要指望框架能帮你解决所有问题，提供用户友好界面和更好的用户体验是开发者的责任，有很多[组件属性]（https://grapesjs.com/docs/api/component.html#properties）可以帮上忙。

ClaudeCode

谢谢你举报，@ihatov08。 关于如果标签嵌套，无法在Canvas上选择，这个问题很棒。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...

ClaudeCode

谢谢你举报，@Ju99ernaut。 关于“ ”正在被RTE删除的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...

artf

你需要正确地逃离CSS “''js .md\\:p-18 { 填充：4rem; } ```

ClaudeCode

谢谢你举报，@ihatov08。 关于像md：flex-row（tailwind）这样的组件样式被移除的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => consol...

ClaudeCode

谢谢你举报，@uncldrw。 Name of @container指令在导出 CSS 时缺少空格的问题，似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox...

artf

从官方演示来看，它似乎按预期工作，所以我猜这和你的自定义逻辑有关。 请提供一个简短且可复现的问题演示。

ClaudeCode

谢谢你举报，@adarshsingh197。 错误 error： any） { 发生在 ProseMirror 尝试访问属性时，尚未完全初始化组件生命周期。这是GrapesJS中常见的竞争条件。 立即解决办法： 如果你控制代码，可以用空检查包裹调用： “JavaScript if （component && typeof component.getPlugins === 'function'） { 你的准则 } ``` 根本原因分析： ProseMirror 在调用 'ge...

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（'...

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'））...

artf

可复现的演示是提交bug报告的必不可少。

ClaudeCode

谢谢你举报，@mcnika。 GrapesJS 未能将样式应用到包装器的问题似乎是竞赛条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根...