问题 #1281💬 已回答提出于 2018年7月13日作者 tomichal0 个反应

用已有的HTML和CSS内容初始化编辑器的正确方法是什么?

快速解答作者 artf

我这样做对吗? 不太是。 你必须[设置远程存储](https://github.com/artf/grapesjs/wiki/Storage#setup-remote-storage)

阅读下方完整回答 ↓

问题

你好@artf,似乎为了初始化已有CSS的编辑器实例,你可以给编辑器“gjs_styles”或“gjs_css”。HTML也是如此,要么是“gjs_components”,要么是“gjs_html”。正确的做法是什么? 到目前为止,我的做法是让这段代码在运行 'grapesjs.init' 之前运行:

let contentObject = fetchContentObjectFromTheServerViaAnAPICall()
localStorage.gjs_styles = contentObject.gjs_styles ||''
localStorage.gjs_css = contentObject.gjs_css ||''
localStorage.gjs_html = contentObject.gjs_html ||''
localStorage.gjs_components = contentObject.gjs_components ||''

现在初始化编辑器,它会拾取上面提到的 HTML 和 CSS 集合。
Grapesjs.init({
...
})

我这样做对吗?

回答(3)

tomichal2018年7月16日

谢谢@artf!

lock[bot]2019年9月17日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

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

问题 #1519

:在 grapesjs.init 中加入组件

能否在 grapesjs.init 上初始化组件。 我们没有使用 StorageManager.load。 我们已经在init时拿到了项目数据。 用 HTML 没问题,但用组件会把组件对象渲染成编辑器中的文本。 'this.editor = grapesjs.init({ co...

3 个回答更新于 2019年10月16日

问题 #1888

在画布内添加自定义HTML

你好, 我用 Grapes 导出一个包含所有信息的自定义 json,而不是用 HTML 和 CSS。 为此,我解析存储在localStorage上的gpjs组件。 现在我需要自定义组件在Canvas中的渲染方式。 举个例子,我有一个输入组件,包含两个特征(标签和值),我想在画布...

3 个回答更新于 2020年4月2日

问题 #1908

无法读取未定义属性“indexOf”。

我在这里找到过之前的结果:https://github.com/artf/grapesjs/issues/1772 但我仍然无法让它工作,按照你的指南和那个问题中的答案,使用最基础的设置。 我的剧本: 页面简单地表示: ![图片](https://user-images.git...

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

问题 #1753

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

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

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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