百度自带的自动备份功能enableAutoSave存在问题,
比如第一个文章他自动备份了.等发表第二个文章时,结果把第一个文章的内容自动填充进去了.关键你还不知情!出现过多次这种情况了.
一, 百度原版的 ,具体使用方法,看这里个文章
Ueditor百度编辑器内容自动保存到本地防数据丢失 https://blog.csdn.net/viqecel/article/details/118600417
二,本人用ajax写了一个更好用的.特点是,不会自动填充,而是根据时间,选择不同版本,手工复制进去即可.
默认备份文件名为小时分钟,比如9月5号13点48分,过了这一分钟后,后端会自动新建一个txt备份,如果一分钟内有多个版本,则替换掉旧的内容.效果图如下:点击查看后,进一个备份列表面.选择版本即可.可以自动删除一周以前的备份.
弹窗提醒效果
后台效果
点击查看到的.备份文件列表页
备份的txt文件内容截图.
三,js代码
//如果是百度编辑器,要先引入他的js<script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor/ueditor.config.js?q=100"></script><script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor/ueditor.all.min.js?q=1010"></script><script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor/lang/zh-cn/zh-cn.js"></script>function beifen() {var title = $('#title').val();var txt=UE.getEditor("m2cs").getContent();//m2cs为编辑器id,getContent可读取编辑器的内容 $.post("{:U('beifen')}", {'title':title,'content':txt}, function(v){ if( v == 1 ){show_alert("通用参数的html源码已备份到临时文件中！"); }else{show_alert("备份异常");} });};UE.getEditor('m2cs').addListener('focus',function(editor){UE.getEditor('m2cs').addListener('contentChange',function(editor){beifen();//百度自带的监听方法 得到焦点,或内容变化.会触发自动备份.当然可以自定义});});// 声明show_alert 弹窗函数function show_alert(message){var alert2 = $('#alert'); alert2.html(message); alert2.css('display','block'); var timer_alert = setTimeout("hide_alert()",6000);};// 声明隐藏的函数 function hide_alert(){ var alert2 = $('#alert'); alert2.css('display','none'); } 四,html弹窗代码
<div id="alert" style=" width:150px; position: fixed; bottom: 0; left: 0; =right: 0; margin: auto; padding: 10px; box-sizing: border-box; border-radius: 5px; box-shadow: 0 0 10px; text-align: center; word-wrap:break-word; display: none; background-color:rgba(0, 40, 80, 0.8); color: #ffffff; font-size: 12px;z-index:9999999999">div>五,PHP后端代码示例
//自动备份function beifen(){$title=I('title');$content=I('content');$cache=RUNTIME_PATH.'admin_type_edit_auto_html_beifen/'.date("m-d-H-i").'.txt';//文件存在就替换内容.不存在就新建 $ok=file_put_contents($cache,'--------------- '.$title.' ===============复制后,编辑框中,点击HTML按钮,粘贴后,再点击一次html即可恢复备份================='.$content);if($ok){echo 1;}else{echo 2;}} //备份文件列表 function beifen_list(){ //先删除7天以前所有文件$this->del_file_by_time(RUNTIME_PATH.'admin_type_edit_auto_html_beifen/',7);$cache=RUNTIME_PATH.'admin_type_edit_auto_html_beifen/';$arrFiles = scandir($cache);//列出文件名unset($arrFiles[0]);unset($arrFiles[1]);rsort($arrFiles);echo '';foreach($arrFiles as $v){echo '.$v.'">'.$v.'
';}}//遍历并删除文件的方法 function del_file_by_time($dir,$n){ if(is_dir($dir)){ if($dh=opendir($dir)){ while (false !== ($file = readdir($dh))){ if($file!="." && $file!=".."){ $fullpath=$dir."/".$file; if(!is_dir($fullpath)){ $filedate=filemtime($fullpath); $minutes=round((time()-$filedate)/86400); if($minutes>$n)unlink($fullpath); //删除文件 } } } } closedir($dh); }} 来源地址：https://blog.csdn.net/viqecel/article/details/132694159
