问题 #2763✓ 已解决提出于 2020年5月10日作者 ghuser1233 个反应

GrapesJs 和 PHP - 存储和加载数据,显示在编辑器和 HTML 页面中

快速解答作者 Ju99ernaut3

你应该设置一个RESTful API,比如: 'SQL' '''SQL 创建数据库 GJS; 如果不存在,创建表格 '页面' ( 'id' int(20) 非空 AUTOINCREMENT, '资产' 文本非空 默认 '[]', 'COMPONENTS' 文本非空默认 '[]', 'CSS' 文本非空默认 ' ', 'html' 文本非空默认 ' ', '样式' 文本非空默认 '[]', 主键(“id”) ) ENGINE=InnoDB 默认 CHARSET=latin1 ; “store.php” “php” <?php header(“Content-Type:application/json”); include('db.p...

阅读下方完整回答 ↓

问题

我正在使用 GrapesJS 构建一个简单的网页。 我用以下方式在脑部内侧加入了脚本: 我正在使用 GrapesJS 构建一个简单的网页。 我用以下方式在脑部内侧加入了脚本: <script type=“text/javascript” src=“js/jquery-1.10.2.js”></script> <link rel=“stylesheet” type=“text/css” href=“grapesjs-dev/dist/css/grapes.min.css”> <script type=“text/javascript” src=“grapesjs-dev/dist/grapes.min.js”></script> HTML: JavaScript : 所以我在块面板里拿到一个叫 Simple 块的块,可以在编辑器里拖放它。每当有更改时,自动保存会通过 ajax 调用 save.php 文件进行触发。save.php里面,我有: 但在 Chrome 开发者工具网络标签中,我可以看到: ![1](https://user-images.githubusercontent.com/1412225/81501634-462ca900-92fb-11ea-8866-3a219a7fb57b.jpg) 目前还不清楚我应该在数据库中保存哪些有效载荷变量,以及如何保存。我用了“$c...

回答(3)

👍 最有帮助Ju99ernaut2020年5月10日

你应该设置一个RESTful API,比如: 'SQL' '''SQL 创建数据库 GJS; 如果不存在,创建表格 '页面' ( 'id' int(20) 非空 AUTOINCREMENT, '资产' 文本非空 默认 '[]', 'COMPONENTS' 文本非空默认 '[]', 'CSS' 文本非空默认 ' ', 'html' 文本非空默认 ' ', '样式' 文本非空默认 '[]', 主键(“id”) ) ENGINE=InnoDB 默认 CHARSET=latin1 ; “store.php” “php” <?php header(“Content-Type:application/j...

ghuser1232020年5月10日

@Ju99ernaut,Q1) 我所有的前端代码片段都对吗?Q2) 我如何获得“$_POST”变量?在浏览器网络检查标签页中,我只看到请求负载。“$_POST”那里是空的。Q3) 为了加载,保存的数据会自动附加到编辑器中吗?

Ju99ernaut2020年5月11日

我猜“$_POST”变量只适用于URL参数,我已经更新代码用“$data”变量,前端的片段没问题,但加载时数据不会自动附加到编辑器,因为加载方法只发送GET请求,加载后你得告诉编辑器该怎么做。 例如: “''js 附加到前端代码 editor.on('load', () => { const rs = 编辑。StorageManager.get(“远程存储”); rs.load(res => { editor.setComponents(JSON.parse(res['gjs-components'].replace(/^“|”$/g,“”))); editor.setStyle(JSON....

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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