jQuery怎么获取到富文本ueditor编辑器里面的文字和图片内容

最新推荐文章于 2021-12-06 10:38:27 发布

转载最新推荐文章于 2021-12-06 10:38:27 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/senfanxie/p/11150554.html

文章标签：

#javascript #php #ViewUI

本文详细介绍了UEditor的创建、删除、焦点设置、内容获取等关键操作，以及图片上传、文件上传、视频获取等常用设置，是进行富文本编辑器开发和配置的重要参考资料。

1、创建编辑器
 
UE.getEditor('editor', {
 
initialFrameWidth:"100%" //初始化选项
 
})
 
精简版
 
UE.getEditor('editor')
 
2、删除编辑器
 
UE.getEditor('editor').destroy();
 
3、设置焦点
 
UE.getEditor('editor').focus();
 
4、获取编辑器内容
 
UE.getEditor('editor').getContent()
 
5、编辑器是否有内容
 
UE.getEditor('editor').hasContents()
 
6、获取编辑器内容纯文本格式
 
UE.getEditor('editor').getContentTxt()
 
7、获取带格式的纯文本
 
UE.getEditor('editor').getPlainTxt()
 
8、启用编辑器
 
UE.getEditor('editor').setEnabled();
 
9、禁止编辑
 
UE.getEditor('editor').setDisabled('fullscreen');
 
10、获取整个html内容
 
UE.getEditor('editor').getAllHtml()
 
11、常用设置
 
imageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php", //图片上传接口
 
imagePath:"http://",
 
scrawlUrl:UEDITOR_HOME_URL + "../yunserver/yunScrawlUp.php",//涂鸦接口
 
scrawlPath:"http://",
 
fileUrl:UEDITOR_HOME_URL + "../yunserver/yunFileUp.php",//文件上传接口
 
filePath:"http://",
 
catcherUrl:UEDITOR_HOME_URL + "php/getRemoteImage.php",//获取远程图片接口
 
catcherPath:UEDITOR_HOME_URL + "php/",
 
imageManagerUrl:UEDITOR_HOME_URL + "../yunserver/yunImgManage.php",//图片管理接口
 
imageManagerPath:"http://",
 
snapscreenHost:'ueditor.baidu.com',
 
snapscreenServerUrl:UEDITOR_HOME_URL + "../yunserver/yunSnapImgUp.php",//截图接口
 
snapscreenPath:"http://",
 
wordImageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php",//word图片转存接口
 
wordImagePath:"http://", //
 
getMovieUrl:UEDITOR_HOME_URL + "../yunserver/getMovie.php",//获取视频接口
 
lang:/^zh/.test(navigator.language || navigator.browserLanguage || navigator.userLanguage) ? 'zh-cn' : 'en',
 
langPath:UEDITOR_HOME_URL + "lang/",
 
webAppKey:"9HrmGf2ul4mlyK8ktO2Ziayd",
 
initialFrameWidth:860, //初始化宽度
 
initialFrameHeight:420, //初始化高度
 
focus:true //是否焦点
---------------------