GrapesJS 问题

artf

在演示中没有出现这个bug，我认为是因为使用localstorage来存储。 不，使用本地存储和远程存储没有区别，因为使用的 JSON 结构是相同的。 确实，我猜你是在回加载 HTML，而不是 JSON（正如这里 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates 解释的那样）

GJSBlock

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

artf

你可以扩展文本组件视图，并用点击触发onActive，而不是dblclick。 https://github.com/artf/grapesjs/blob/d3256e621bb43a537213ffcd86b10dc0bd070c0b/src/dom_components/view/ComponentTextView.js#L7-L10

antoineando-zenchef

@vidhii16 @fahad157 我用这段代码让它成功了： <img width=“758” alt=“image” src=“https://github.com/user-attachments/assets/2f9418e8-66f4-43ef-a5ac-428ede52e8a9” />

fahad157

@artf我试过改成点击，但对我来说不行，请帮帮我。 ![图片]（https://user-images.githubusercontent.com/80100955/111276504-35ef0400-8659-11eb-8507-968d8b71eaf1.png）

artf

如果按钮需要自定义逻辑/行为，你必须为该按钮创建一个[自定义组件]（https://grapesjs.com/docs/modules/Components.html），并且需要根据原始HTML的自定义逻辑

GJSBlock

谢谢你举报，@sashapawlow726。 关于FEAT：如果按钮有动作（打开模态窗口）如何编辑按钮，这真是个很棒的建议？！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示...

artf

不，你不能，你只需要在 StyleManager 配置中配置属性（示例配置可以在这里找到 [https://grapesjs.com/docs/getting-started.html#style-manager）]）。

GJSBlock

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

artf

定义组件后，你可以自定义工具栏数组 “''js 默认值：{ ... 工具栏：[]， // 这将阻止其在组件上的渲染 } ```

GJSBlock

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

artf

@awais786327请提供该问题的现场演示

no-response[bot]

由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。

GJSBlock

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

artf

我觉得你必须读读[这份指南]（https://grapesjs.com/docs/modules/Storage.html）

anuragk15

你找到解决办法了吗？ 我也有类似的问题。比如，当我写博客并存储在数据库中时，现在每当有人访问我的落地页（用Grapesjs制作），我希望他们能看到我最新的博客。另外，如果有终端用户访问网站，我只需要发送 Grapejs 的 html 和 css 对吧？没有组件？

GJSBlock

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

artf

你必须[扩展自定义组件的视图]（https://grapesjs.com/docs/modules/Components.html#view）

GJSBlock

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

adamwpe

啊，如果我用这个 https://github.com/artf/grapesjs-custom-code，保存时不会修改 html。 但使用“gjs-preset-newsletter”时，这个方法无法实现。 因为如果你运行命令 'gjs-get-inlined-html'，它会修改代码。 E.g. HTML代码： 运行 'gjs-get-inlined-html'，它输出： 我猜你没办法阻止这种情况吧？

artf

你不能插入无效的HTML。如果你需要处理这些，你必须创建一个[自定义组件]（https://grapesjs.com/docs/modules/Components.html），然后它会输出自定义代码。

GJSBlock

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

adamwpe

替换为#3139

GJSBlock

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