GrapesJS 问题

abulka

我终于让Grapesjs捆绑的'commentRange'工作了——必须直接调用'cm.commentRange'，而不是通过'cm.execCommand'。此外，它还需要参数。因此，只要你选择你想评论的区域，我就能让一些评论功能正常工作： “JavaScript 'Cmd-1'： 函数 （cm） { cm.commentRange（true， cm.getCursor（true）， cm.getCursor（false）） }， // comment 'Cmd-2'：...

artf

是的，我觉得在CodeMirrorEditor.js中曝光没问题

GJSBlock

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

artf

在下一个版本中，我会添加一个新的事件辅助工具，允许在加载前编辑 iframe 内容： “''js editor.on（'frame：load：before'， （{ el }） => { const doc = el.contentDocument; 文档开启（）; doc.write（“<！DOCTYPE html>”）; 文档关闭（）; }); ```

bgrand-ch

你好， 对于未来的问题或技术问题（非漏洞），GitHub的[讨论]（https://github.com/artf/grapesjs/discussions）标签是最佳选择。 如果问题已解决，请关闭，或在[讨论]（https://github.com/artf/grapesjs/discussions）->[问答]（https://github.com/artf/grapesjs/discussions/categories/q-a）类别写一条详细的新消息（并关闭本期）。...

artf

不太有，但我愿意听听如何让它可自定义的解决方案。

GJSBlock

谢谢你举报，@mig8447。 感谢你分享关于块渲染被调用了两次的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。GrapesJS团...

mig8447

@RutujaBadbe 这就是你需要的具体更改： https://github.com/artf/grapesjs/commit/640661b0a44e5e2857b615559c1db27da3e17a6c

artf

是的，明白了，谢谢

RutujaBadbe

https://github.com/artf/grapesjs/blob/b199083f6a6128ecff41d20865493294f71fe0a1/src/block_manager/view/BlocksView.js#L186块管理器在寻找模型中的“渲染”属性来判断视图是否已经渲染，但该方法不设置该属性，因此该函数被调用两次，一次通过“reset”事件，一次由块管理器调用。一条包含：“''jsthis.rendered = true;```应该添加，才能停止这...

artf

id 问题应该已经在最新的 mjml 插件版本中解决了

GJSBlock

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

GJSBlock

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

artf

你好@abulka，既然编辑是在视图中进行的，你应该在视图更新后更新组件模型。所以应该能用类似这样的东西 “''js 型号：{ ... }, 浏览量：{ 事件：{ 输入：'handleInputUpdate'， }, handleInputUpdate（ev） { this.model.components（ev.target.value）; } }, ```

GJSBlock

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

GJSBlock

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

artf

你好，Franco，你可以通过更改[devices]（https://grapesjs.com/docs/api/device_manager.html）来定义帧大小。

GJSBlock

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

artf

https://github.com/artf/grapesjs/releases/tag/v0.16.41

GJSBlock

谢谢你举报，@ThomasPof。 感谢你分享关于CleanId函数无法与MJML代码配合的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排...