java响应式的富文本,响应式富文本网页编辑器summernote自动保存实现篇

285a2530765be6b46e29a9fa637cdd5a.png

前面介绍了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,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值