百度UEditor基本使用方法
2019-05-29
UEditor
1168
0
介绍一下百度Editor的常用方法var editor = UE.getEditor('lxt');function GetEditor() {if (editor==null||editor==undefined) {editor = UE.getEditor('lxt');}return editor;}//以后获取ediotr 对象直接用GetEditor方法就行了。1)获取编辑器里面的内容(html代码): GetEditor().getContent();2)设置编辑器里面的内容(支持html代码): GetEditor().setContent("李啸天", boolean是否追加);3)获取编辑器里面的纯文本: GetEditor().getContentTxt();4)获取编辑器带格式的纯文本(也就是包含一些等标签的文本,但是不包含文本的格式,上一个方法不包含等标签): GetEditro()..getPlainTxt();5)判断编辑器是否有内容返回true或者false GetEditor().hasContents();6)使编辑器获取焦点: GetEditor().focus();7)判断编辑器是否获取焦点 :GetEditor().isFocus();8)使编辑器失去焦点:GetEditor().blur();9)获取编辑器选中的文本:可以封装为一个方法,具体代码的意思可以看一下百度api链接为 http://ueditor.baidu.com/doc/#UE.dom.Range:select()function getText() {//当你点击按钮时编辑区域已经失去了焦点,如果直接用getText将不会得到内容,所以要在选回来,然后取得内容var range = UE.getEditor('editor').selection.getRange();range.select();var txt = UE.getEditor('editor').selection.getText();alert(txt)}10)使编辑器不可编辑:GetEditor().setDisabled();里面可以设置参数string或者Array[string]设置除此之外为disable,各个按钮代表的英文在http://fex.baidu.com/ueditor/#start-toolbar11)是编辑器可以编辑:GetEditor().setEnabled();12)显示隐藏编辑器方法为:setShow(), setHide()13)设置编辑器高度:setHeight(Number heigth);引用:
UE.getEditor('content',{initialFrameWidth:'',initialFrameHeight:400,});
定制工具栏图标简单列表toolbars:[
['fullscreen','source','undo','redo','bold']
]多行列表toolbars:[
['fullscreen','source','undo','redo'],
['bold','italic','underline','fontborder','strikethrough','superscript','subscript','removeformat','formatmatch','autotypeset','blockquote','pasteplain','|','forecolor','backcolor','insertorderedlist','insertunorderedlist','selectall','cleardoc']完整的按钮列表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',//图表
]
]