我是 GrapesJs 的新手并试图实现以下目标:
我正在尝试使用GrapesJs 的存储 API实现自定义存储管理器
我正在尝试从/向localStorage(即ResponseFromLocalStorage)获取/设置数据。
下面是我的代码:
const editor = grapesjs.init({
container: '#gjs',
fromElement: true,
height: '500px',
width: 'auto',
storageManager: {
type: 'jekyllLocalStore'
}
});
//Custom Storage
var storeMan=editor.StorageManager;
//set Config
storeMan.setAutosave=true;
storeMan.setStepsBeforeSave=1;
//Now Add Custom Storage Manager
storeMan.add('jekyllLocalStore', {
load: function(ResponseFromLocalStorage, clb1) {
var res = {};
$.each(ResponseFromLocalStorage,function(key,val){
console.log(key+'--->'+val);
if(val) res[key] = val;
});
clb1(res); // might be called inside some async method
},
store: function(ResponseFromLocalStorage, clb2) {
localStorage.setItem("wholeRes123",JSON.stringify(ResponseFromLocalStorage));
clb2(); // might be called inside some async method
}
});
代码执行时,名为wholeRes123的 localStorage 项目已成功创建,其中包含来自ResponseFromLocalStorage的数据,但在存储更改时并未在wholeRes123中更新。
我的理解是,如果autoSave设置为true,那么存储应该在编辑完成后开始,然后store:应该执行代码。
我究竟做错了什么?请帮我解决这个问题。
谢谢你。