PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #2782💬 已回答提出于 2020年5月17日作者 joshbedo0 个反应

渲染存储在 Firestore 中的页面的最佳方式是什么?

快速解答作者 artf

你好,Josh,关于存储和加载模板的详细说明在这里:https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates 基本上,编辑器存储两种类型的数据:“组件”和“样式”,模板的JSON结果。你需要这些来在编辑器中重新加载数据。'html' 和 'css',你模板的 HTML/CSS 结果。这可以用来渲染到你的最终页面(比如你用户创建的页面),但不要用它来加载回编辑器进行编辑。简而言之,我该如何渲染用 Grapejs 生成的页面? 这要看情况,我希望你一开始😅就知道。例如,如果你将整个对象存储在 Firebase 文档中,结果可能如下: “''js A...

阅读下方完整回答 ↓

问题

我看了很多文档和已关闭的问题,但我对如何渲染存储在 Firestore 中的页面有点困惑。

举个例子,我有一个node.js后端,使用云函数,我想我基本上会有一个API端点,从Firestore拉取页面并渲染。这可能吗?我没找到太多关于如何从服务器渲染页面的示例。

简而言之,我该如何渲染用 Grapejs 生成的页面?这样我就能展示页面预览,同时也能用 Grapejs 生成的网站来做一个实时网站。

例如:

App.get('/pages/:id', (req, res) => {
   const page = firebase.getData(req.params.id);举个例子

res.send(页面);
});

回答(1)

artf• 2020年6月9日

你好,Josh,关于存储和加载模板的详细说明在这里:https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates 基本上,编辑器存储两种类型的数据:“组件”和“样式”,模板的JSON结果。你需要这些来在编辑器中重新加载数据。'html' 和 'css',你模板的 HTML/CSS 结果。这可以用来渲染到你的最终页面(比如你用户创建的页面),但不要用它来加载回编辑器进行编辑。简而言之,我该如何渲染用 Grapejs 生成的页面? 这要看情况,我希望你一开始😅就知道。例如,如果你将整个对象存储在 Firebase...

相关问答

通过相似的问题讨论继续研究。

问题 #4435

Pages Manager

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome 最新版本可复制演示链接 暂时没有描述一下那个虫子 如何复现这个漏洞?创建包含Pages API函数的页面管理器测试select函数(如果你脑子里有东西,它会消失;如果你重新添加...

4 个回答更新于 2022年7月19日

问题 #4572

Page update event doesn't fire

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 镀铬 可复制演示链接 https://jsfiddle.net/1hza4t9n/ 描述一下那个虫子 如何复现这个漏洞?初始化 grapes创建事件处理程序,用于页面更新时使用。更新页面...

4 个回答更新于 2025年3月6日

问题 #3206

Page Manager Plugin

功能: 可以用Grapesjs创建多个页面。功能设计 全球范围:[ ] 在顶部横幅“设备[下拉列表]”右侧添加一个链接,上面写着“当前<page-name>页面”。[x] 在右侧列“方块”右侧新增菜单项。图标会类似于[FA页面图标](https://fontawesome.co...

4 个回答更新于 2021年5月4日

问题 #1583

动态修改 urlStore 和 urlLoad。

大家好 到目前为止我很喜欢Grapesjs——感谢你为它付出的所有努力。 我正在尝试为整页模板设置存储,这些模板将通过 mongoose 写入 MongoDB。GrapesJS 版本:0.14.40操作系统:Ubuntu 17.10 看了 HTTP 响应,我似乎能正常存储和接收...

2 个回答更新于 2019年11月16日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。