百度ueditor富文本编辑器使用 以及去除自动保存

使用文档地址：

文档

api地址：

接口地址

综上：

使用：

在html里面扔两个js就可以了 看文档 ok？

初始化js：以及展示以及发后台  这里引入了jq的ajax

<script type="text/javascript">
        var ue = UE.getEditor('container',{
    		autoHeight: false,
    		toolbars: [
    [
        'anchor', //锚点
        'undo', //撤销
        'redo', //重做
        'bold', //加粗
        'indent', //首行缩进
        'snapscreen', //截图
        'italic', //斜体
        'underline', //下划线
        'strikethrough', //删除线
        'subscript', //下标
        'fontborder', //字符边框
        'superscript', //上标
        'formatmatch', //格式刷
        'source', //源代码
        'blockquote', //引用
        'pasteplain', //纯文本粘贴模式
        'selectall', //全选
        'print', //打印
        'preview', //预览
        'horizontal', //分隔线
        'removeformat', //清除格式
        'time', //时间
        'date', //日期
        'unlink', //取消链接
        'insertrow', //前插入行
        'insertcol', //前插入列
        'mergeright', //右合并单元格
        'mergedown', //下合并单元格
        'deleterow', //删除行
        'deletecol', //删除列
        'splittorows', //拆分成行
        'splittocols', //拆分成列
        'splittocells', //完全拆分单元格
        'deletecaption', //删除表格标题
        'inserttitle', //插入标题
        'mergecells', //合并多个单元格
        'deletetable', //删除表格
        'cleardoc', //清空文档
        'insertparagraphbeforetable', //"表格前插入行"
        'insertcode', //代码语言
        'fontfamily', //字体
        'fontsize', //字号
        'paragraph', //段落格式
        'simpleupload', //单图上传
        'insertimage', //多图上传
        'edittable', //表格属性
        'edittd', //单元格属性
        'link', //超链接
        'emotion', //表情
        'spechars', //特殊字符
        'searchreplace', //查询替换
        'map', //Baidu地图
        'gmap', //Google地图
        'insertvideo', //视频
        'help', //帮助
        'justifyleft', //居左对齐
        'justifyright', //居右对齐
        'justifycenter', //居中对齐
        'justifyjustify', //两端对齐
        'forecolor', //字体颜色
        'backcolor', //背景色
        'insertorderedlist', //有序列表
        'insertunorderedlist', //无序列表
        'fullscreen', //全屏
        'directionalityltr', //从左向右输入
        'directionalityrtl', //从右向左输入
        'rowspacingtop', //段前距
        'rowspacingbottom', //段后距
        'pagebreak', //分页
        'insertframe', //插入Iframe
        'imagenone', //默认
        'imageleft', //左浮动
        'imageright', //右浮动
        'attachment', //附件
        'imagecenter', //居中
        'wordimage', //图片转存
        'lineheight', //行间距
        'edittip ', //编辑提示
        'customstyle', //自定义标题
        'autotypeset', //自动排版
        'webapp', //百度应用
        'touppercase', //字母大写
        'tolowercase', //字母小写
        'background', //背景
        'template', //模板
        'scrawl', //涂鸦
        'music', //音乐
        'inserttable', //插入表格
        'drafts', // 从草稿箱加载
        'charts', // 图表
    ]
]
			});
        ue.ready(function() {
    //设置编辑器的内容
    
   var lang = ue.getOpt('lang');
   console.log(lang)
    //获取html内容，返回: <p>hello</p>
    var html = ue.getContent();
    console.log(html)
    //获取纯文本内容，返回: hello
    var txt = ue.getContentTxt();
    
   
    
    
    
    
})
       
         
         $('#btn').click(function(){
         	//  		alert(ue.getContent())
    		
//  		$("#editor").html(value)
    	
    		ue.setContent(ue.getContent());
//  		 ue.execCommand('inserthtml', '123') //追加东西
//  		 editor.setShow();
    		 ue.setShow();
    		var a=document.getElementById('box').innerHTML=ue.getContent();
    		console.log(a)
    		
    		$.ajax({
                type: "GET",
                url: "./jsp/config.json", //后台接口
                data: {},
                dataType: "json",   //跨域写成jsonp
                success: function (data) {
                    console.log(data)
                },error:function (err) {
                 console.log(err)
                }
            });
         })
    </script>

这个是全部的功能  自行删减功能 

 

具体看文档~

ueditor的自动保存功能就很烦 建议去掉  

其原理也是保存在本地的localstorage之中

没什么卵用。。需要的话可以自己存嘛。

如何取消？

1、ueditor.config.js，enableAutoSave的注释去掉并设置成false，saveInterval的注释也去掉设置成0；

2、修改ueditor.all.js，在'contentchange': function () {函数的第一行添加代码：

if (!me.getOpt('enableAutoSave')) {return;}

富文本编辑器很多   或许你还可以使用kindeditor