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

问题 #1905✓ 已解决提出于 2019年3月19日作者 yrbn2 个反应

导入模板后无法编辑块

快速解答作者 yrbn❤ 2

抱歉,我在看自己的问题时找到了答案:)))组件和样式其实是字符串。对于那些正在寻找解决方案的人: 'editor.setComponents(JSON.parse(value.components));' 'editor.setStyle(JSON.parse(value.styles));'

阅读下方完整回答 ↓

问题

遇到了和[1408](https://github.com/artf/grapesjs/issues/1408)一样的问题。你说应该导入JSON,而不是HTML本身。你能告诉我如何导入JSON模板吗?我找不到解决办法。

在“storage:store”中,我获取一个对象: { 资产:“”, 组成部分:“”, CSS:“, html:“, 斯泰尔斯:“” } 然后我运行命令: 'let emailTemplateStr = editor.runCommand('gjs-get-inlined-html')' 然后保存它。

但在导入这个模板('this.editor.setComponents(template)')后,一些块从“文本”变成了“框”,CKEditor 无法编辑。那么,这个对象应该看起来如何才能正确导入?我想我应该给这个对象添加组件和样式。但我完全不知道它的结构是什么。

回答(3)

👍 最有帮助yrbn• 2019年3月20日

抱歉,我在看自己的问题时找到了答案:)))组件和样式其实是字符串。对于那些正在寻找解决方案的人: 'editor.setComponents(JSON.parse(value.components));' 'editor.setStyle(JSON.parse(value.styles));'

anish2690• 2019年11月1日

@artf如果我用<strong>文本</strong>导入器,模板会失败,把文本元素转换成框 示例模板以复现问题。#1906 '''<table width=“100%” height=“150” bgcolor=“rgb(245, 245, 245)” id=“ipyk” class=“c6668 c1354 c7111 c10256 c12714 c22130” style=“框大小:border-box;height: 150px;margin-top: 0px;margin-right: auto;margin-bottom: 10px; margin-left: auto;pad...

svalenciano81• 2020年6月12日

抱歉,我在看自己的问题时找到了解决方案——)))组件和样式其实是字符串。对于那些正在寻找解决方案的人: 'editor.setComponents(JSON.parse(value.components));' 'editor.setStyle(JSON.parse(value.styles));'

什么是“价值”?

相关问答

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

问题 #3317

Add support for promises to custom RTE API

你想给GrapesJS添加什么? 支持基于承诺的 API 的富文本编辑器。 详细描述你的功能需求详细 CKEditor5 的“Editor.create”和“Editor.destroy”方法返回一个“承诺”,当编辑器完全创建或销毁时才会解决。这会导致销毁编辑器(完成组件编辑)...

3 个回答更新于 2022年2月8日

问题 #382

把 HTML 和内联 CSS 存储在 Editor.Store()

我正在尝试存储html和内联css,请问你能告诉我如何传递给 editor.store()函数吗? @artf “''js 编辑。命令.add' (“save-db”, { 运行:函数(编辑器,发送者) { 发送者 & 发送者.set('active');关掉按钮 var ht...

3 个回答更新于 2019年9月18日

问题 #3176

'setStyle' 和 'setComponents' 选项参数未被考虑

版本: 0.16.30 你能重现演示中的bug吗? [x] 是的 [ ] 不 繁殖步骤:打开控制台执行 'editor.setComponents('', {avoidStore: true});'执行 'editor.setStyle('', {avoidStore: tru...

4 个回答更新于 2021年1月28日

问题 #5857

在渲染<tr>标签内的标签<template>时,标签会被裁剪,只保留字符串内容。

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome v121可复制演示链接 https://jsfiddle.net/L27powtg/30/(修复也在那里,评论中删除了)描述一下那个虫子 如何复现这个漏洞?创建自定义的GJS模...

1 个回答更新于 2024年5月21日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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