GrapesJS 问题

artf

是的，这次发布里有说明 https://github.com/artf/grapesjs/releases/tag/v0.18.1 我还没找到时间更新那些插件（任何帮助都非常感谢）

GJSBlock

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

micker

有趣的功能

GoodPHP

有趣的功能 谢谢 ✅

GJSBlock

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

artf

你好@malonecj我不太确定你具体如何期望看到和管理这些组件（尤其是当你在条件内组合模板时），但我觉得你目前在“isComponent”中的处理方式不太正确，因为你必须处理文本节点。 在你的liquidhandle 'isComponent'里，你用的是'el.textContent'，我觉得这应该和liquid condition用'el.nodeValue'类似，因为它只在文本节点上可用（可能最好确认一下它是否真的是文本节点'el.nodeType === 3'）。...

artf

我决定关闭这个，因为核心本身没有问题，如果你还有其他问题@malonecj告诉我。

GJSBlock

谢谢你举报，@malonecj。 关于文本节点自定义组件，包含特殊字符的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行...

artf

如果你预期文本组件颜色会不同，我觉得应该给它们应用偶奇。当该列应用偶数/奇数时，效果会在多个列中显现。 我要关闭这条，因为这不是bug，而是['：nth-of-type']（https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type）的工作原理

GJSBlock

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

stljeff1

我认为你需要自己做一个组件来显示多个页面并点击它们之间。 这里有我在这些论坛上找到的一个示例，展示了如何创建自己的页面管理器组件。https://codepen.io/artf/pen/XWpJQoY

artf

@shelendravashishtha2正确使用Bug Issues，如果有问题，请使用讨论区。

dali-97

你好，有人能帮忙吗？我需要一个能让我创建多custem页面的东西，比如Grapesjs，我需要它来做我的外交，谢谢

artf

你好@TanyaKulikovskaya请提供一个可复现的演示，因为快速检查后，颜色选择器似乎没有哈希值

GJSBlock

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

artf

谢谢你的报告，Drew，这似乎和iframe的标准模式有关。目前，为了解决这个问题，我建议通过移除文档类型切换到个性模式： “''js Grapesjs.init（{ // ... 画布：{ frameContent： ''， // 默认为 '<！DOCTYPE html>' }, }) ``` 我决定关闭这个问题，因为它其实和核心没什么关系，很快我会更新 mjml 插件，以正确支持标准模式。

GJSBlock

谢谢你报告，@Drew-丹尼尔斯。 关于在0.19.4版本之后无法将MJML组件丢到空白画布上的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（...

artf

谢谢@FaisalShaikhHA好的，我会修正的，因为这个规则很常见。

artf

你在这里看到的也是这种情况吗 https://grapesjs.com/demo.html？我能看清🤔那些图标

FaisalShaikhHA

不，演示页面的图标是正常可见的。 为了更新 Grapesjs，我先用“npm remove grapesjs”，然后用“npm install grapesjs”来移除旧版本，获取最新版本。 我还尝试删除node_modules中的 grapesjs 文件夹，然后用“npm install grapesjs”，但还是没有图标渲染。 我也用了“npm install grapesjs@latest”，但结果一样。 回到0.19.4版本后这个问题就解决了。

artf

我想我们应该避免一开始就选择已经选定组件的子节点。

GJSBlock

谢谢你举报，@RomanGlazkov。 关于带子元素移动元素时出现的JS错误的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事...

artf

“脚本”就在上面 ![CCC]（https://user-images.githubusercontent.com/11614725/192133350-34390584-4b07-4533-ac1b-15dcf33f1195.png） 附注：如果你不是在报告bug，可以使用讨论区

GJSBlock

感谢你报告，@bit-ocean。 在“Commponent & JS”文档页面出现脚本延迟错误的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）—...