GrapesJS 问题

ClaudeCode

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

ClaudeCode

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

artf

这不是bug，样式管理器一次只处理一条规则，如果你想要更高级的使用，可以用API实现功能（比如用同一选择器选择不同规则）。

MaxDBenson

这不是个bug，样式管理器一次只处理一条规则，如果你想要更高级的使用，可以用API实现你的功能（比如用同一个选择器选择不同规则）。 我明白了。 你介意详细说说该怎么做吗？ 而且，风格管理器似乎一次只处理一条规则;因为当我选择类时，我会看到属性/值设置被应用到ID上，反之亦然。

ClaudeCode

谢谢你举报，@MaxDBenson。 关于风格管理器不会显示同一类的多个规则，这是个很好的问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'s...

artf

请只针对核心库相关的漏洞问题，而不是插件。

ClaudeCode

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

artf

感谢@bryanjamesmiller所有的见解，我会去调查解决办法。

ClaudeCode

谢谢你举报，@bryanjamesmiller。 关于自定义块类别不能像原型对象方法名称那样命名，否则会破坏Grapes，这是个很好的问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） =...

artf

请正确遵循错误问题模板如果你没有标明一个可复现的演示，并附带相对步骤来重现该漏洞，问题可能已经解决了。

ClaudeCode

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

mapsmarketing

有个烦人的点是，编辑器会在下面默认样式前面加上，保存这些样式时会有许多重复的样式： 编辑： 查看文档后，我终于找到了“protectedCss”，设置为空时，样式的前置功能就停止了。

artf

你好@mapsmarketing目前 GrapesJS 无法正确导入 HTML 文档的字符串格式，所以解析器会跳过像 “html”、“head”、“body” 这样的元素，只返回“body”内部解析出来的内容，你现在可以做的一个变通方法是把组件作为对象传递 “''js 组件：{ 属性：{ ID： 'IGNT' }， components： '<div class=“my-el”>测试世界！</div>'， }, ``` 关于样式，这是浏览器默认的CSSOM解析器问题，请参考...

mapsmarketing

你好@artf， 我找到了一种方法，可以通过以下方法正确保存“身体”属性和样式： 我注意到你的[Page.toJSON]（https://github.com/GrapesJS/grapesjs/blob/e03dfc7483b7fd936f3580bee78fee6d03c2b055/src/pages/model/Page.ts#L134-L149）输出了指定页面的所有内容。不过，它似乎无法正确输出“样式”（我总是被设置为未定义），所以我通过编辑器检索了激活页面的样式，...

antoinematyja

你好，我在使用 Vue 3 并用 Vue 'ref' 存储编辑器时也遇到了同样的问题。不过我不确定这是不是个好主意。 代码复制品大致如下： 解决办法：不要用“ref” 😅

artf

你能提供一个可复现的演示吗？试了你的例子，我没看到冻结......

boardmain

尝试使用最新版本21.7 我试着把它放到网上，但我只是用自定义命令粘贴了 HTML，粘贴了源代码，但之后编辑器卡住了（我需要关闭页面）。 例如： ~~~ btnImp.onclick = （） => { editor.runCommand（'core：canvas-clear'） 编辑。css.clear（） editor.setComponents（codeViewer.getContent（）.trim（）） 编辑。Modal.close（） } ~~~ 其中 code...

artf

@ChiragS-Prajapati 你必须使用 [可拖拽/丢弃组件属性]（https://grapesjs.com/docs/api/component.html#properties）来控制组件可以拖拽的位置，以及哪些组件可以被丢入其中。

ClaudeCode

感谢你报告，@ChiragS-Prajapati。 关于“Section should with the overlaping with grapes js”的问题，似乎是竞争条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的Grape...

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。