GrapesJS 问题

artf

修复已准备好下一次发布

ClaudeCode

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

gixid192

你可以在这里查看该文件：https://grapesjs.com/docs/getting-started.html#import-the-library

ClaudeCode

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

artf

Pages模块现已合并 https://github.com/artf/grapesjs/pull/3411，新版本即将发布。 使用Pages API的简单演示：https://codepen.io/artf/pen/XWpJQoY

artf

听起来很棒，我很喜欢把这个插件作为插件的想法，如果你觉得需要添加什么（比如某个事件）来让它更好，告诉我。

jrkd

这个功能的核心今天已经运行起来了。 @artf如果还想要，告诉我，我会在一月份再花点时间。 给自己的笔记， 待办事项：添加/移除页面操作，进行视觉调整，集成存储管理器，并将代码重构为独立插件。

artf

不要不尊重，阅读并遵循问题模板......

ClaudeCode

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

MariusDK

@artf有什么建议吗？

artf

请详细说明你想达到的效果。

MariusDK

我想在块的分类上添加一个 html 属性，比如 Basic Category 。 类似这样的内容 ![图片]（https://user-images.githubusercontent.com/26068332/103411637-aa95c480-4b79-11eb-8433-335622478e51.png）

vbeskrovny

通过使用 StorageManager 中的 json 内容解决了这个问题。

ClaudeCode

谢谢你举报，@vbeskrovny。 关于需要帮助：保存/恢复GJS数据块类型的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somet...

artf

抱歉兄弟，我这里只回答你的主要问题如果我在动态添加的组件上拖放一个方块，我如何获得或访问该方块被投放到的组件？ “''js 模块和组件是两个不同的概念，如果你不理解，请阅读文档 editor.on（'block：drag：stop'， （component， block） => { 如果存在分量，表示掉落成功 如果（分量） { component.addStyle（{ color： 'red' }） // 例如：更新风格 你需要包含这个新组件的父节点吗？ const par...

inthismachine

@artf如果xxx被非法丢弃，有没有办法把<mj-text>xxx</mj-text>包裹在MJ截面和MJ列里？比如使用者试图把它砸在身体上。原因是我想自动把丢弃的文本块添加到一列行里，如果它没有放在列内。

ClaudeCode

谢谢你举报，@sprklinginfo。 关于需要帮助：获取方块被投放到的组件？ 这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'s...

artf

没有内置命令可以获得内联CSS，但你可以在新闻通讯插件中找到实现方式： https://github.com/artf/grapesjs-preset-newsletter/blob/master/src/openExportCommand.js 核心功能是通过使用“juice”包完成几行代码 “''js 从“juice”进口果汁; // ... const getInlineed = （editor） => { const html = editor.getHtml（）;...

ClaudeCode

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

artf

感谢你的报告，下次发布会修复。

ClaudeCode

谢谢你举报，@craighaworth。 安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。 为你现在： 运行“npm审计修复”以查看可用的补丁 查看是否有更新的GrapesJS版本，可能已经解决了这个问题 如有稳定版，升级前先测试最新稳定版 如果漏洞非常严重，可以使用“npm audit fix --force”，但请务必彻底测试 理解风险： 在GitHub安全公告中查看具体漏洞详情 并非所有高严重性问题都会影响你的代码路径 某些漏洞仅在特定条件...

longdoan7421

@Swindler36 这个错误是找不到“eslint”。你运行过“npm安装”吗？

fzerman

@longdoan7421我修正了这个错误。谢谢。 我想问两个关于webpack和Babel的新问题。我可以分别使用webpack和Babel。不过。我无法将他们整合进去。我该怎么做？如何利用它的npm文件在不做测试的情况下构建葡萄？我只想生成捆绑文件。

ClaudeCode

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