问题 #3645💬 已回答提出于 2021年7月26日作者 codingmachine160 个反应

请阅读并遵循接下来的三步，然后在发布问题前删除它们遵循贡献指南 https://github.com/artf/grapesjs/blob/master/CO…

快速解答作者 codingmachine16

你好@artf 你好，我们正在用 grapesJs构建一个内容管理系统。我们创建了标题、页脚、产品滑块和各种横幅的组件。我们几乎完成了一个电子商务网站，使用 grapesjS + React Js + NodeJs 和 Mongdb。我们能够存储和加载组件，进出数据库。比如我们的网站管理员部分就是 abc.com/editor 这里我们正在创建布局，并存储和加载页面我们在前端遇到了问题。比如，abc.com/home 这里我们想显示存储的组件，并绑定动态数据。我们不想在前端使用编辑器。请建议这是怎么实现的。因为 Grapes JS文档中没有提到这一点。

阅读下方完整回答 ↓

问题

警告请阅读并遵循接下来的三步，然后在发布问题前删除它们遵循贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本：你可以在控制台输入 grapesjs.version 获得版本你能重现演示中的bug吗？[ ] 是的[ ] 不预期的行为是什么？详细描述那个漏洞你好，我们正在用 grapesJs构建一个内容管理系统。我们已经创建了页眉、页脚、产品滑块等各种横幅的组件。我们几乎已经完成了一个电子商务网站，使用 grapesjS + React Js + NodeJs 和 Mongdb。我们能够存储和加载组件到数据库和从数据库之间。比如我们的网站管理员部分就是 abc.com/editor 这里我们正在创建布局，并存储和加载页面我们在前端遇到了问题。比如，abc.com/home 这里我们想显示存储的组件，并想绑定动态数据。我们不想在前端使用编辑器。请建议这是怎么实现的。因为 Grapes JS文档中没有提到...

回答（2）

codingmachine16• 2021年7月26日

你好@artf

你好，我们正在用 grapesJs构建一个内容管理系统。我们创建了标题、页脚、产品滑块和各种横幅的组件。我们几乎完成了一个电子商务网站，使用 grapesjS + React Js + NodeJs 和 Mongdb。我们能够存储和加载组件，进出数据库。

比如我们的网站管理员部分就是 abc.com/editor

这里我们正在创建布局，并存储和加载页面

我们在前端遇到了问题。比如，abc.com/home

这里我们想显示存储的组件，并绑定动态数据。我们不想在前端使用编辑器。请建议这是怎么实现的。因为 Grapes JS文档中没有提到这一点。

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →