html 保存草稿,利用localStorage实现对ueditor编辑内容定时保存为草稿,ueditor草稿箱...
利用localStorage实现对ueditor编辑内容定时保存为草稿,ueditor草稿箱
直接看代码吧
1、引入ueditor和ueditor的使用我就不细说了 详情请戳http://blog.csdn.net/wangdianyong/article/details/39780709
2、ueditor.jsp
$(document).ready(function() {
var ue = UE.getEditor('container');
ue.addListener("ready", function() {
// editor准备好之后才可以使用
var html = localStorage.getItem("ctValue");
alert(html);
ue.setContent(html);
});
});
${param.content }
var ue = UE.getEditor('container');
localStorage.js
$(document).ready(
function() {
if (!window.localStorage) {
alert('您的浏览器不支持 localStorage 技术!');
} else {
// var spanObj = $("span");
// alert("spanObj" + spanObj);
var saveTimer = setInterval(
function() {
var str = "";
if (document.all) {/* IE */
str = document.frames[1].document.body.innerHTML;
} else {/* Chrome,ff */
// str =
// document.getElementById("container").contentDocument.body.innerHTML;
var ue = UE.getEditor('container');
str = ue.getContent();
}
if (str.length > 20
&& (str.indexOf("。") > -1 || str
.indexOf(",") > -1)) { /*
* 有内容才保存
* 且有句号或逗号
*/
localStorage.setItem("ctValue", str);
var d = new Date();
var YMDHMS = d.getFullYear() + "-"
+ (d.getMonth() + 1) + "-"
+ d.getDate() + " "
+ d.getHours() + ":"
+ d.getMinutes() + ":"
+ d.getSeconds();
// alert(YMDHMS);
// spanObj.innerHTML = '(数据保存于: ' +
// YMDHMS
// + ')';
//var text = $("span").text = '(数据保存于: '
//+ YMDHMS + ')';
$("#span").text('(数据保存于: ' + YMDHMS + ')');
//alert(text);
setTimeout(function() {
// spanObj.innerText = '';
}, 5000);
}
}, 25000); // 每隔N秒保存一次
function stoplocs() {
clearInterval(saveTimer); // 停止保存
// localStorage.removeItem("ctValue"); //清空
}
function showlocs() {
var html = localStorage.getItem("ctValue");
editor.setContent(html);
// alert(localStorage.getItem("ctValue"));
}
}
});
基本的定时保存为草稿的内容就实现了,你可关闭你的浏览器重新打开页面发现自己以前编辑的内容并没有因意外情况的出现而丢失。
源代码下载地址
http://www.dengb.com/webzh/931800.htmlwww.dengb.comtruehttp://www.dengb.com/webzh/931800.htmlTechArticle利用localStorage实现对ueditor编辑内容定时保存为草稿,ueditor草稿箱 直接看代码吧 1、引入ueditor和ueditor的使用我就不细说了 详情请戳http://...
html 保存草稿,利用localStorage实现对ueditor编辑内容定时保存为草稿,ueditor草稿箱...相关推荐
- oracle cronb,利用Crontab实现对Oracle数据库的定时备份
假设数据库的拥有者为oracle,数据库的用户为scott,其口令为trigger, Oracle数据库的参数$ORACLE_HOME为/usr/oracle,$ORACLE_SID为oracle1, ...
- ML之nyoka:基于nyoka库利用LGBMClassifier模型实现对iris数据集训练、保存为pmml模型并重新载入pmml模型进而实现推理
ML之nyoka:基于nyoka库利用LGBMClassifier模型实现对iris数据集训练.保存为pmml模型并重新载入pmml模型进而实现推理 目录 基于nyoka库利用LGBMClassifi ...
- python中load_iris_在python中利用KNN实现对iris进行分类的方法
如下所示: from sklearn.datasets import load_iris iris = load_iris() print iris.data.shape from sklearn.c ...
- 修改html时webpack热更新,利用webpack实现对html文件的热更新
webpack中webpack-dev-server是一个简单的web服务器,能够帮助咱们实现代码的热更新,即在实际开发中只需保存修改完后的代码,不用手动刷新页面就能够看到效果.在使用webpack- ...
- Python利用xlsxwriter实现对Excel写入数据的样式调整(字体,居中等)
声明:参考大佬文章 参考网上资料发现很少有用xlsxwriter实现用Python对Excel写入数据的同时进行字体样式调整操作的,因为我用的也是xlsxwriter,所以查找总结了一个用xlsxwr ...
- opencv方框内图像保存_opencv利用矩形框选中某一区域并保存为新图片
本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下 一.基本原理 Mat img= imread(image): Rect rect(50,20, 200, 50); ...
- 帆软实现单元格可编辑内容并保存
单元格内容 是否可编辑主要取决于单元格控件的使用. 从这里进入控件操作界面 这里可以对控件的信息进行编辑,具体内容非常丰富,可以根据字面意思进行调试,但是主要的是需要勾选可用可见 在类型中提供了很多 ...
- JS点击编辑内容并保存
一个标签,点击按钮使内容变成可编辑状态,然后使用保存数据.这个是点击编辑按钮使得标签内容替换为文本域来实现的.
- Android实现对Dialog的截图并保存在本地
直接上代码: public class TestDilaog extends Dialog {public TestDilaog(@NonNull Context context) {super(co ...
最新文章
- linux init进程是所有用户进程的祖先进程,Linux中init进程介绍及常用方法
- MaxCompute Tunnel SDK数据上传利器——BufferedWriter使用指南
- 补丁更新选项的禁用与恢复
- 简述可编程控制器硬件组态及网络通信的核心思想_智能硬件设计报价诚信经营...
- 经典C语言程序100例之九七
- 普通二本的辛酸Android面试之路,算法太TM重要了
- python 输入文件名查找_python 查找文件名包含指定字符串的方法
- mysql服务等待应答超时_从mysql备份报错来看net_read_timeout 和net_write_timeout参数
- 个人管理:发掘自己的性格优势
- linux 硬链接 软链接_Linux中的软链接–完整参考
- 接口与继承:不允许继承的类
- 虚拟机桥接模式下和windows相互ping通
- solidworks2013安装
- ISCC 2021 WP
- js验证开始日期不能大于结束日期_js如何判断开始时间不能大于结束时间
- 激活时显示图片上传资源服务器失败,720全景图上传时提示“切图失败”的处理办法...
- sql触发器(insert,update,delete)
- 2022年未来网络与通信专题讲座(南京专技人员继续教育)
- 计算机网络脆弱性评估方法研究
- 25匹马,5条赛道,一匹马一个赛道,求决胜1,2,3名至少多少场。