百度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
阅读全文
0 0
- 百度ueditor富文本编辑器使用 以及去除自动保存
- 百度UEditor富文本编辑器去除自动追加span标签
- 百度富文本编辑器ueditor使用总结
- 百度富文本编辑器ueditor使用
- 百度富文本编辑器ueditor使用总结
- 百度富文本编辑器Ueditor的使用
- 百度富文本编辑器ueditor使用小结
- 百度Ueditor富文本编辑器的使用
- Ueditor富文本编辑器替换去除自动追加p标签
- Ueditor富文本编辑器替换去除自动追加p标签
- 百度富文本编辑器UEditor
- 百度富文本编辑器UEditor
- 富文本编辑器百度ueditor
- 百度富文本编辑器UEditor
- 编辑器 UEditor 百度富文本web编辑器
- UEditor | 百度富文本使用
- 百度ueditor富文本编辑器使用初体验
- 关于使用百度UEditor富文本编辑器的总结
- 二级购物车
- [LeetCode]--Symmetric Tree
- Neural Networks API
- 几个不错的android开源依赖
- Netty【三】 TCP 粘包和拆包
- 百度ueditor富文本编辑器使用 以及去除自动保存
- SQL Server2014导入导出数据及报错
- 映射组成关系
- logstash 中filter中的date插件
- 7天教你玩转云服务器
- ATPCS规则
- LUA 排序算法和性能分析[6]:归并排序算法
- eclipse debug时不显示变量
- JVM系列三:JVM参数设置、分析