前面介绍了summernote的基础API和上传图片功能,本篇介绍一下如何实现自动存储功能。
相关环境:
jQuery 1.7.2
Boostrap3
Summernote v0.7.3
jstorage.js
实现原理很简单, 使用jstorage.js来保存编辑器中的相关内容,这里实现的比较简单,简单演示一下如何实现,间隔一定时间,例如,10秒自动保存一下编辑器里的内容
步骤一:导入相关JS
导入jquery,summernote和jstorage.js
步骤二: 定义自动保存代码
代码如下:
/* ---------------------------------------------------------------------- */
/* Summernote自动保存代码样例
/* ---------------------------------------------------------------------- */
var kkb_autosave = {
options: {editor:'.myeditor',timeout:'10'},
init: function(){
var self = this,