#32782021年2月18日作者 Dmurl51 个回答
版本： 以下用0.16.34（从 https://unpkg.com/grapesjs 回归）和0.16.22在Preact项目中复制 详细描述那个漏洞 自定义的GrapesJS组件在渲染到画布时调用视图的“onRender”函数。根据文档说明： ![图片]（https://user-images.githubusercontent.com/17631765/108421023-30d59b00-71fa-11eb-8af8-49522a3f18d8.png） 我预计在组件完全渲染到画布上，所有尺寸和位置属性都确定后，才会调用这个。然而，正如下面的重现代码笔所示，onRender（） 是在确定元素尺寸之前被调用的，且元素的大小为...
ClaudeCode
谢谢你举报，@Dmurl5。 渲染上的自定义组件视图称为早期的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报...
#32772021年2月18日作者 FrancoFasano2 个回答
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl *版本：0.16.3 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？ [X] 是的 [ ] 不 预期的行为是什么？ 一个设置或文档，帮助开发定义PDF大小 详细描述那个漏洞 这其实不算是bug，而是设置问题。 我无法将PDF尺寸改成A4，代码中找不到允许从A4开始的参数或配置 目前的行为是什么？ 我用 grapesjs 在 invoicenin...
artf
你好，Franco，你可以通过更改[devices]（https://grapesjs.com/docs/api/device_manager.html）来定义帧大小。
ClaudeCode
谢谢你举报，@FrancoFasano。 默认PDF大小：美式字母 如何设置A4？的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队...
#32722021年2月17日作者 ThomasPof4 个回答
版本： 0.16.37 你能重现演示中的bug吗？ [X] 是的 [ ] 不 预期的行为是什么？ 这是关于GrapesJS-mjml插件的：这个语法不接受元素上的ID。但AssetsManager会给图片元素添加ID。我不想在标签中添加 id 属性<img> 繁衍步骤克隆并运行项目在index.html文件中添加图片打开代码查看器：无ID双击图片关闭资产管理公司打开代码查看器：标签中已添加一个ID。 你可以在这里找到GrapesJS-mjml的问题：https://github.com/artf/grapesjs-mjml/issues/179
ThomasPof
ID（ID）似乎是在打开资产管理系统之前就添加的：克隆并运行项目在index.html文件中添加图片检查该图像元素：dom元素中有ID。
ThomasPof
在“/Users/thomaspopoff/Sites/grapesjs/src/code_manager/model/HtmlGenerator.js”第10行找到了线索，“opts.cleanId”总是未定义。我不知道怎么把它设置为true来移除自动生成的ID。
ThomasPof
抱歉我说了这么多：在 'getHtml（）' 函数里有一个选项 'opts.cleanId'，你可以配置去移除自动生成的 ID......
#32672021年2月11日作者 mosh-tudor4 个回答
不知为何，编辑器不允许将模糊设置为0像素。 0总是神奇地变成5px。 <img width=“243” alt=“截图 2021-02-11 17 14 05” src=“https://user-images.githubusercontent.com/668451/107664461-ba321e00-6c8c-11eb-91ce-4e8a87a2e33c.png”> 你能重现演示中的bug吗？ 是的 你可以在这里找到这个bug： https://grapesjs.com/demo.html
artf
谢谢，我猜'0'有个假检查，导致默认的5px值。
akankshach29
想帮忙修复这个bug。我会刷新个人纪录。
#32652021年2月5日作者 jcamejo3 个回答
嗨，@artf！ 在编辑我的一个自定义特质时，我遇到了一个问题，原因不明，createInput 返回了未定义状态。 我注意到TraitView renderField方法不处理虚假值 它直接尝试附加一个未定义的对象，从而引发错误。 我应该在这里加个验证，检查对象是否存在，还是应该在别处做？createInput是否应该负责总是返回定义好的对象？ 谢谢！
artf
你好，Juan，谢谢你的报告，是的，实际上“createInput”需要你返回一个HTML字符串或HTMLElement。我觉得这种情况下有错误是好事，但我猜错误不够明确。 说实话，我不知道这里最好的“修复方法”是什么，因为在代码里静态检查所有 API 并不是一个可扩展的解决方案
WebDevXpert
你好，@artf！ 希望你一切安好。 我在使用 Grapesjs 插件 Publish S3 时遇到了问题。 我该如何使用那个插件并发布我的数据？？
ClaudeCode
谢谢你举报，@jcamejo。 traitView 中的 RenderField 不处理空或未定义的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）...
#32612021年2月4日作者 nithinpillalamarri1231 个回答
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本： 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？ [ ] 是的 [ ] 不 预期的行为是什么？ 详细描述那个漏...
ClaudeCode
谢谢你举报，@nithinpillalamarri123。 如何自定义葡萄js表单以附加样式的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这...
#32602021年2月3日作者 mhowey3 个回答
Grapesjs 的颜色选择器在 Chrome 和 Firefox 之间工作方式不同。当你打开选中的组件，而该组件之前从未设置过背景色（例如......），颜色选择器在Chrome中设置为100%不透明度，Firefox中设置为0%。 问题是用户在使用Firefox时甚至可能热点查看这个透明度滑块，尝试更改颜色却失败，却没意识到透明度是0%。 预期行为： 在所有浏览器中，当被样式的组件从未指定背景色时，颜色选择器默认会将透明度设置为100%。 实际行为： 在Chrome中，颜色选择器正常工作。在Firefox中，颜色选择器最初总是以不透明度滑块为0%打开。 提前感谢你的精彩项目！！ 版本： 最新消息 你可以在控制台输入“grape...
mhowey
@artf Firefox 和 Chrome 的另一个区别是调色板显示的内容。Firefox显示透明方框，而Chrome显示灰色方框。
artf
似乎在最新的Firefox版本上已经解决了
ClaudeCode
谢谢你举报，@mhowey。 Firefox中*色彩选择器透明度滑块在0的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根...
#32592021年2月3日作者 bgrand-ch2 个回答
版本： 0.16.27 你能重现演示中的bug吗？ [ ] 是的 [ ] 不 [X] 视频但没有演示 预期的行为是什么？ 添加尽可能多的嵌套“span”元素，并保留它们的样式/ID。 目前的行为是什么？ 从两个嵌套的“span”元素中，父“span”元素的样式/ID会消失。 你能附上截图、截屏或实时演示吗？ [X] 是的（附上） [ ] 不 https://user-images.githubusercontent.com/17108974/106736579-e9ee7f80-6615-11eb-9f5e-a3236d026c98.mp4 TextEditor.vue “''js // ... 方法：{ onButtonClic...
artf
你好，Benjamin，这个bug已经修复了（报告bug时，请确保使用最新版本）
ClaudeCode
谢谢你举报，@bgrand-ch。 v0.16.27 - 嵌套 span 时样式/ID 消失的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这...
#32572021年2月2日作者 kuhelbeher3 个回答
你好，我在尝试获取封锁类别时遇到了奇怪的bug。“block.get（'category'）'” 在 Chrome 中返回对象，但在 Firefox 中同样的代码返回字符串： ![图片]（https://user-images.githubusercontent.com/37115006/106619453-4780be80-6579-11eb-90c6-8b33f197891c.png） 左边 - Chrome，右边 - Firefox 此外，启用 [adblock]（https://chrome.google.com/webstore/detail/adblock-%E2%80%94-best-ad-blocker/gighm...
xinnai
@kuhelbeher我也遇到同样的问题，你解决了问题吗？
artf
这个问题似乎已经通过最新版本的GrapesJS解决了
ClaudeCode
谢谢你举报，@kuhelbeher。 block.get（'category'）在Chrome和Firefox中返回不同结果的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例...
#32562021年2月1日作者 kumarabhishek0082 个回答
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本： 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？ [ ] 是的 [ ] 不 预期的行为是什么？ 详细描述那个漏...
ClaudeCode
谢谢你举报，@kumarabhishek008。 封装组件的背景图像在更新时第二次加载不出来的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这...