|  在技术加营销的道路上越走越远
温馨提示
我是弹窗内容
当前位置:首页 > 大前端开发 > 新版百度Ueditor编辑器常用方法汇总
新版百度Ueditor编辑器常用方法汇总

新版百度Ueditor编辑器常用方法汇总

日期:2022-01-27 浏览量:1420 原创作者:湖八爷
为了方便大家更好的使用百度Ueditor编辑器,Ueditor封装了很多常用的API和方法,我们这篇文章主要就是汇总一下这些API和方法。

实例化编辑器到id为 container 的容器上。

<script type="text/javascript">
    var ue = UE.getEditor('container');
</script>


设置编辑器内容。

ue.ready(function() {
    ue.setContent('<p>hello!</p>');
});


追加编辑器内容。

ue.ready(function() {
    ue.setContent('<p>new text</p>', 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', '<span>hello!</span>');


设置当前选区文本格式。

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');