使用百度的富文本编辑器UEditor遇到的问题总结

墨蓝 2022-11-24 14:06 766阅读 0赞

//实例化编辑器到id为 container 的 dom 容器上： 
var ue = UE.getEditor('container'); 
//设置编辑器内容： 
ue.ready(function() \{ 
    ue.setContent('hello!'); 
\}); 
//追加编辑器内容： 
ue.ready(function() \{ 
    ue.setContent('new text', true); 
\}); 
//获取编辑器html内容： 
ue.ready(function() \{ 
    var html = ue.getContent(); 
\}); 
//获取纯文本内容： 
ue.getContentTxt(); 
//获取保留格式的文本内容： 
ue.getPlainTxt(); 
//获取纯文本内容： 
ue.getContentTxt(); 
//判断编辑器是否有内容： 
ue.hasContents(); 
//让编辑器获得焦点： 
ue.focus(); 
//让编辑器获得焦点 
ue.blur(); 
//判断编辑器是否获得焦点： 
ue.isFocus(); 
//设置当前编辑区域不可编辑： 
ue.setDisabled(); 
//设置当前编辑区域可以编辑： 
ue.setEnabled(); 
//隐藏编辑器： 
ue.setHide(); 
//显示编辑器： 
ue.setShow(); 
//获得当前选中的文本： 
ue.selection.getText(); 
//常用命令： 
//在当前光标位置插入html内容 
ue.execCommand('inserthtml', 'hello!'); 
//设置当前选区文本格式： 
ue.execCommand('bold'); //加粗 
ue.execCommand('italic'); //加斜线 
ue.execCommand('subscript'); //设置上标 
ue.execCommand('supscript'); //设置下标 
ue.execCommand('forecolor', '\#FF0000'); //设置字体颜色 
ue.execCommand('backcolor', '\#0000FF'); //设置字体背景颜色 
//回退编辑器内容： 
ue.execCommand('undo'); 
//撤销回退编辑器内容： 
ue.execCommand('redo'); 
//切换源码和可视化编辑模式： 
ue.execCommand('source'); 
//选中所有内容： 
ue.execCommand('selectall'); 
//清空内容： 
ue.execCommand('cleardoc'); 
//读取草稿箱 
ue.execCommand('drafts'); 
//清空草稿箱 
ue.execCommand('clearlocaldata');