问题 #3041💬 已回答提出于 2020年9月23日作者 WilburJZHAO0 个反应

问题:在编辑器中设计好网站后,如何在前端渲染?

快速解答作者 artf

我建议你读这部分 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates

阅读下方完整回答 ↓

问题

大家好,

我想知道如何将编辑器设计的我们自己设计的组件渲染成前端网站? 我在文档里找不到任何相关信息。

我尝试过几种方法:

  • 直接加载 HTML 和 CSS 从编辑器获取(由于不包含任何组件信息,无法正常工作)

  • 使用 Canvas.getBody.innerHTML(它对某些简单组件有效,但对某些复杂组件(如视频组件)则无效)

所以,有人能建议我如何正确地将网站渲染到前端吗(我用的是Vue)?

非常感谢!

回答(1)

相关问答

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

问题 #3810

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器?

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 92.0.4515.131(官方构建)(64位)可复制演示链接 无描述一下那个虫子 如何复现这个漏洞?使用编辑器将 HTML 插入 Canvas。Canvas.getBody().ownerDocum...

4 个回答更新于 2023年2月21日

问题 #3345

面板和按钮部分,入门时无法使用 Vue.js

我正在努力让葡萄Vue.js工作,但没有进展,我一直在跟着起步,但没能让它正常工作。到目前为止,我已经把它加到了“mounted()”部分,也拿到了带方块的按钮可以显示和添加,但[面板和按钮部分](https://grapesjs.com/docs/getting-starte...

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

问题 #5885

在全屏模式下,颜色选择器是隐藏的

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefoxe 125.0.3(64位) 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞?安...

3 个回答更新于 2024年5月20日

问题 #2644

GrapesJS 从数据库加载 html/css

你好, 我们在Angular应用中使用了grapesjs。我们已经成功创建并保存了 grapesjs 的 html/css 到数据库中。我们仍然找不到其中一件事,在编辑模式下我们想调用API,获取HTML、CSS,然后加载到grapesjs canvas中。我们尝试过用stor...

3 个回答更新于 2024年2月19日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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