请帮助导入和导出模板
至少你需要有命令来保存模板、打开显示已保存模板的模态,以及将模板加载到编辑器中。要用本地存储保存模板,可以用类似这样的方法。 “''js 令模板 = “”;用这个来设置模板名称,你可以把这个值设为监听输入字段 编辑。Commands.add('save-template', { 运行:函数(编辑器,发送者) { 发送者 & 发送者.set('active');关掉按钮 let components = editor.getComponents(); let style = editor.getStyle() let templateData = { 组成部分:组成部分, 风格:风格 }; localStorage.setItem(...
阅读下方完整回答 ↓问题
早上好,请帮我创建模板然后加载它们,我真的什么都做不了,我想保存模板,之后再加载,我已经好几天没尝试了,我是编程新手,我几乎完全按照每个步骤操作,实际上唯一缺少的就是模板,如果你能帮帮我,请帮帮我。 我会非常感激你的。 ' const LandingPage = { HTML: '<!DOCTYPE HTML><html></head><body><h1>test message</h1></body></html>', CSS:无, 组件:零, 风格:无效, }; const editor = Grapesjs.init({ components:LandingPage.components ||LandingPage.html, 我们可能也想对风格做同样的检查 样式:LandingPage.style ||LandingPage.css, 展示偏移集:1, noticeOnUnload: 0, 容器:“#gjs”, 身高:“100%”, dragMode:“绝对”, fromElement: true, allowScripts:1, storageManager: { id: 'gjs-', // 存储和加载时将用于的前缀标识符 类型:“本地”,// 存储类型 自动保存:false, // 自动存储数据 autoload: false, // 在 init 时自动加载存储数...
回答(1)
至少你需要有命令来保存模板、打开显示已保存模板的模态,以及将模板加载到编辑器中。要用本地存储保存模板,可以用类似这样的方法。 “''js 令模板 = “”;用这个来设置模板名称,你可以把这个值设为监听输入字段 编辑。Commands.add('save-template', { 运行:函数(编辑器,发送者) { 发送者 & 发送者.set('active');关掉按钮 let components = editor.getComponents(); let style = editor.getStyle() let templateData = { 组成部分:组成部分, 风格:风格 }; l...
相关问答
通过相似的问题讨论继续研究。
问题 #4900
SetStyle/getCss() 生成重复的 CSS
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 最新动态可复制演示链接 https://codesandbox.io/s/silent-river-ifczcv描述一下那个虫子 如何复现这个漏洞?访问网站参见控制台。注意“”和“bod...
问题 #3832
每次重载后,CSS 类都会被移除,并且每个 HTML 标签的自动生成 ID(例如:ivj5m-2)都会被更改
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何重现这个bug? 在 React 应用中安装葡萄 js 进入编辑器,拖动一个组件。(示例:文本组件) 使用样式管理器为组件做样式 保存到数据库...
问题 #3454
RTE 插入链接不会更新 DOM
版本: "0.17.3" 你能重现演示中的bug吗?[X] 是的[ ] 不 预期的行为是什么? 使用默认RTE插入链接后,链接立即可在设置中进一步编辑,即设置HREF和目标 详细描述那个漏洞 在选择默认RTE的文本并将其转换为链接后,文本会被正确地包裹在<a>标签中,但直到取消...
问题 #1519
:在 grapesjs.init 中加入组件
能否在 grapesjs.init 上初始化组件。 我们没有使用 StorageManager.load。 我们已经在init时拿到了项目数据。 用 HTML 没问题,但用组件会把组件对象渲染成编辑器中的文本。 'this.editor = grapesjs.init({ co...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。