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

在线文档对UEditor说明不够全面，收集了一些常用的方法和基本设置，以供参考。

1、创建编辑器

UEgetEditor('editor', {

initialFrameWidth:"100%" //初始化选项

})

精简版

UEgetEditor('editor')

2、删除编辑器

UEgetEditor('editor')destroy();

3、设置焦点

UEgetEditor('editor')focus();

4、获取编辑器内容

UEgetEditor('editor')getContent()

5、编辑器是否有内容

UEgetEditor('editor')hasContents()

6、获取编辑器内容纯文本格式

UEgetEditor('editor')getContentTxt()

7、获取带格式的纯文本

UEgetEditor('editor')getPlainTxt()

8、启用编辑器

UEgetEditor('editor')setEnabled();

9、禁止编辑

UEgetEditor('editor')setDisabled('fullscreen');

10、获取整个html内容

UEgetEditor('editor')getAllHtml()

11、常用设置

imageUrl:UEDITOR_HOME_URL + "/yunserver/yunImageUpphp", //上传接口

imagePath:">

scrawlUrl:UEDITOR_HOME_URL + "/yunserver/yunScrawlUpphp",//涂鸦接口

scrawlPath:">

fileUrl:UEDITOR_HOME_URL + "/yunserver/yunFileUpphp",//文件上传接口

filePath:">

catcherUrl:UEDITOR_HOME_URL + "php/getRemoteImagephp",//获取远程接口

catcherPath:UEDITOR_HOME_URL + "php/",

imageManagerUrl:UEDITOR_HOME_URL + "/yunserver/yunImgManagephp",//管理接口

imageManagerPath:">

snapscreenHost:'ueditorbaiducom',

snapscreenServerUrl:UEDITOR_HOME_URL + "/yunserver/yunSnapImgUpphp",//截图接口

snapscreenPath:">

wordImageUrl:UEDITOR_HOME_URL + "/yunserver/yunImageUpphp",//word转存接口

wordImagePath:">

getMovieUrl:UEDITOR_HOME_URL + "/yunserver/getMoviephp",//获取视频接口

lang:/^zh/test(navigatorlanguage || navigatorbrowserLanguage || navigatoruserLanguage) 'zh-cn' : 'en',

langPath:UEDITOR_HOME_URL + "lang/",

webAppKey:"9HrmGf2ul4mlyK8ktO2Ziayd",

initialFrameWidth:860, //初始化宽度

initialFrameHeight:420, //初始化高度

focus:true //是否焦点

搞定了吗？没有的话可以参考下代码

前台：

<input type="text" id="txtValue" value="11" />

<a href="javascript:select()">select</a>

<script language="javascript" type="text/javascript">

function select()

{

var name=$("#txtValue")val();

ajaxAddValues(name);

}

function ajaxAddValues(name){

$ajax({

type: "POST",

url:"Indexaspx",

dataType:"json",

data: {"name": name},

success: function(data){

alert('已查询！');

}

});

}

</script>

后台：

if (Request["name"]!=null)

{

string name=Request["name"]ToString();

string sql="select from tables where t_name like '%"+name+"%'";

if (dbinsertOrUpdateOrSelect(sql) != -1)

{

ResponseWrite("1");

ResponseEnd();

}

else

{

ResponseWrite("0");

ResponseEnd();

}

}

public int insertOrUpdateOrSelect(string sql)

{

int eccf = -1;

SqlConnection conn = DatabasecreateConn();

SqlCommand cmd = null;

try

{

connOpen();

cmd = new SqlCommand(sql, conn);

eccf = cmdExecuteNonQuery();

return eccf;

}

finally

{

connClose();

}

}

UEgetPlainTxt() 可获取到编辑器中的纯文本内容，有段落格式

UEgetContentTxt() 可获取到编辑器中的纯文本内容，没有段落格式；

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

Pattern p_img = Patterncompile("(<img[^>]+src\\s=\\s['\"]([^'\"]+)['\"][^>]>)");

Matcher m_img = p_imgmatcher(content);

while (m_imgfind()) {

    String img = m_imggroup(1); //m_imggroup(1) 为获得整个img标签  m_imggroup(2) 为获得src的值

    }

可以打开ueditorallminjs 查看，里面有所有支持的方法  注释也都很明白

以上就是关于前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字和图片内容全部的内容，包括:前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字和图片内容、如何用Jquery获取到文本框的值然后局部刷新、前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字,图片内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！