前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字,图片内容

JavaScript08

前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字,图片内容,第1张

UE.getPlainTxt() 可获取到编辑器中的纯文本内容,有段落格式

UE.getContentTxt() 可获取到编辑器中的纯文本内容,没有段落格式;

ueditor 没有提供直接获取图片的功能,可以UE.getContent() 获取全部内容,使用正则表达式 筛选出图片,我提供一个使用JAVA写的筛选方法,前台js代码类似:

Pattern p_img = Pattern.compile("(<img[^>]+src\\s*=\\s*['\"]([^'\"]+)['\"][^>]*>)")

Matcher m_img = p_img.matcher(content)

while (m_img.find()) {

    String img = m_img.group(1) //m_img.group(1) 为获得整个img标签  m_img.group(2) 为获得src的值

    }

可以打开ueditor.all.min.js 查看,里面有所有支持的方法  注释也都很明白

在线文档对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 //是否焦点

可以通过类向导给编辑框控件添加一个变量,例如添加个cstring 类型的变量s,然后你在输入后,可以updatedata()下,这样编辑框的内容便以字符串的形式存入s里面,你便可以使用了