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

来源:互联网 发布:公司封游戏端口 编辑:程序博客网 时间:2024/05/06 03:21

使用文档地址:

文档


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


原创粉丝点击