前端用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 //是否焦点

$str = '<img src=">

可以使用GET或者POST提交方式来获取

比如： indexphp 文件

<form action="indexphp" method="post">

<textarea cols="30" rows="10" name="contents">123456</textarea>

<input type="submit" value="提交">

</form>

<php

$contents = $_POST['contents'];

echo $contents ;

>

include <QtCore/QCoreApplication>

#include <QAxObject>

#include <Windowsh>

int main(int argc, char argv[])

{

//OleInitialize(0);

//CoInitialize(0);

QCoreApplication a(argc, argv);

QAxObject asdfg = new QAxObject("ExcelApplication");

return aexec();

}

一、用file_get_contents函数,以post方式获取url

<php

$url= '>

$data= array('foo'=> 'bar');

$data= >

$opts= array(

'>

'method'=> 'POST',

'header'=>"Content-type: application/x->

"Content-Length: "   strlen($data)  "\r\n",

'content'=> $data

)

);

$ctx= stream_context_create($opts);

$html= @file_get_contents($url,'',$ctx);

二、用file_get_contents以get方式获取内容

<php

$url='>

$html= file_get_contents($url);

echo$html;

>

三、用fopen打开url, 以get方式获取内容

<php

$fp= fopen($url,'r');

$header= stream_get_meta_data($fp);//获取报头信息

while(!feof($fp)) {

$result= fgets($fp, 1024);

}

echo"url header: {$header} <br>":

echo"url body: $result";

fclose($fp);

>

四、用fopen打开url, 以post方式获取内容

<php

$data= array('foo2'=> 'bar2','foo3'=>'bar3');

$data= >

$opts= array(

'>

'method'=> 'POST',

'header'=>"Content-type: application/x->

urlencoded\r\nCookie:cook1=c3;cook2=c4\r\n"  

"Content-Length: "   strlen($data)  "\r\n",

'content'=> $data

)

);

$context= stream_context_create($opts);

$html= fopen('>

$w=fread($html,1024);

echo$w;

>

五、使用curl库，使用curl库之前，可能需要查看一下phpini是否已经打开了curl扩展

<php

$ch= curl_init();

$timeout= 5;

curl_setopt ($ch, CURLOPT_URL, '>

curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);

curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);

$file_contents= curl_exec($ch);

curl_close($ch);

echo$file_contents;

>

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 查看，里面有所有支持的方法  注释也都很明白

indexhtml //提交数据\x0d\ \x0d\ \x0d\ \x0d\\x0d\\x0d\getphp//获取数据\x0d\ if(isset($_POST["sub"]{ //如果提交了表单\x0d\ $data=$_POST["data"]; //将传递过来的数据赋给$data\x0d\ echo $data; //输出获得的数据\x0d\}

以上就是关于前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字和图片内容全部的内容，包括:前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字和图片内容、php 怎样获取文本内容中的图片和文件路径、PHP 怎样获取textarea里的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！