问题 #1167✓ 已解决提出于 2018年6月5日作者 maxencehenneron2 个反应

导出选项

快速解答作者 artf2

是的,当然,我在这里已经详细解释了事情 https://github.com/artf/grapesjs/wiki/Storage#store-and-load-templates 你可以从 HTML 启动编辑器,或者直接(不解析)通过 JSON 启动编辑器 “''js Grapesjs.init({ ... 组件:“<div>......</div><div>......</div>, }); 或者 const editor = Grapesjs.init({ ... 组件: [{...}, {...}], }); 现在我能拿到它的HTML const html = editor.getHtml(); ``

阅读下方完整回答 ↓

问题

你好,@artf,

除了 HTML/CSS 还有其他导出选项吗?我在想一种方法,可以直接从远程服务器加载配置,然后实时在网页上渲染。

葡萄干得漂亮!:)

回答(3)

👍 最有帮助artf2018年6月8日

是的,当然,我在这里已经详细解释了事情 https://github.com/artf/grapesjs/wiki/Storage#store-and-load-templates 你可以从 HTML 启动编辑器,或者直接(不解析)通过 JSON 启动编辑器 “''js Grapesjs.init({ ... 组件:“<div>......</div><div>......</div>, }); 或者 const editor = Grapesjs.init({ ... 组件: [{...}, {...}], }); 现在我能拿到它的HTML const html = editor.getH...

artf2018年6月6日

谢谢@maxencehenneron,但我不明白“我想找一种方法直接从远程服务器加载配置并在网页上实时渲染”(你已经可以通过内置远程存储实现)和“除了 HTML/CSS 以外的其他导出选项”有什么关系,你还需要什么? 顺便说一句,也许这能帮到你:https://github.com/artf/grapesjs/wiki/Storage

maxencehenneron2018年6月6日

目前,grapeJS 导出模板格式为 HTML/CSS,我想知道是否有简单的方法可以创建一个前端应用,通过远程存储加载 GrapeJS 保存的配置并渲染到网页上。流程如下:使用 GrapeJS 构建模板,并通过你发送的维基页面中的远程存储保存到远程服务器有一个网页服务器,从远程端点获取配置,并在有人加载页面时直接渲染所有组件。 我很容易就完成了第一部分,但第二部分我还在挣扎,它是原生实现的吗? 目前,编辑器调用远程存储端点,包含一些参数,如 GJS-CSS 与 CSS 样式 带有HTML内容的GJS-HTML 还有 GJS-components 和 gjs-styles,后者包含所有组件及其...

相关问答

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

问题 #843

CssComposer - 移除未使用的类

你好@artf, 我用 grapesjs-preset-newsletter 导入一个 html,里面有 '' 标签里有一些 css 类<style>。 导入后,当我调用“editor.getCss()”时,之前添加的一些类现在缺失了。 我检查过那些CSS类在任何地方都没被使用...

3 个回答更新于 2020年5月6日

问题 #1836

如何在所有生成的API中添加!重要性

你好,@artf, 虽然我打算用 CSS 从 Editor 编辑一些 HTML,但我需要在所有 CSS 里添加“!important”,这会被更改。 让我举个例子, 这是之前的CSS 现在我要用“#000”来更改这个字体的颜色。 只有这个更改后的 CSS 需要附加 '!impo...

3 个回答更新于 2020年3月10日

问题 #1753

StyleManager - SectorsView - addToCollection() 使用“name”属性构建 ID,但因多个空格或特殊字符而失败

你好@artf, 利用grapesjs.init()方法中的pluginOpts属性,我通过Newsletter插件自定义了样式管理器中显示的扇区,如下: “''js Grapesjs.init({ [...] 插件:['gjs-plugin-ckeditor', 'gjs-b...

3 个回答更新于 2020年1月27日

问题 #1438

通过 reactjs 包装器加载 HTML 内容的方法

@artf兄弟,我想加载包含css和js的html页面(视差)。我工作了大约10天,但还是找不到我是否正确操作。所以你能给我正确的操作说明吗?最终目标是在 React 包装页面为用户提供一组模板,一旦用户选择了任意模板,系统就会将所选模板加载到 grapesjs 编辑器中。所以...

3 个回答更新于 2019年12月11日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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