写之前在网上找了很多方法，最简单的思路应该是1.获取UEditor中的内容；2.将获取到的字符串转换成jquery对象；3.选择器找到img元素，获取src值。

var content= UE.getEditor('details').getContent();//获取编辑器内容var $div = document.createElement("div");//创建一个div元素对象$div.innerHTML = content;//往div里填充htmlvar $v = $($div);//从dom对象转换成jquery对象$.each($v.find("img"),function (v,i) {//选择器找到img元素，循环获取src值console.log("src======"+i.src);});

打印结果：

写出上面代码之前碰了几次壁，绕了几个弯，下面就是我整个开发过程，记录下。

1.获取UEditor中的内容

这一步很简单，使用编辑器提供的getContent()函数

2.将获取到的字符串转换成jquery对象

<p style="margin-top: 1em; margin-bottom: 1em; white-space: normal; box-sizing: border-box; padding: 0px; border: 0px; vertical-align: middle; line-height: 25px; list-style: none; color: rgb(58, 58, 58); font-family: 微软雅黑, 宋体, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-color: rgb(247, 253, 255);"> 夏季到了，持续高温就连大人都受不了，更别说孩子了。所以该不该给孩子穿袜子又成了宝妈心头的大事，一方面觉得应该给孩子穿，毕竟这个几个理由是拒绝不了的。 </p> <p style="margin-top: 1em; margin-bottom: 1em; white-space: normal; box-sizing: border-box; padding: 0px; border: 0px; vertical-align: middle; line-height: 25px; list-style: none; color: rgb(58, 58, 58); font-family: 微软雅黑, 宋体, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-color: rgb(247, 253, 255); text-align: center;"> <img alt="1.jpg" width="490" height="306" src="http://mon文件夹中的function.php中

/** * [getPic description] * 获取文本中首张图片地址 * @param [type] $content [description] * @return [type] [description] */ function getPic($content){ if(preg_match_all("/(src)=([\"|']?)([^ \"'>]+\.(gif|jpg|jpeg|bmp|png))\\2/i", $content, $matches)) { $str=$matches[3][0]; if (preg_match('/\/Uploads\/images/', $str)) { return $str1=substr($str,7); } }}

用法演示

$content=I('post.body');//获取富文本编辑器内容 $info=getPic($content);//使用函数 返回匹配地址 如果不为空则声称缩略图 if(!$info==null){ $thumb=$info.'thumb240x160.png'; $image = new \Think\Image();//实例化图像处理，缩略图功能 $image->open($info);// 生成一个居中裁剪为240*160的缩略图 $unlink=$image->thumb(240, 160,\Think\Image::IMAGE_THUMB_CENTER)->save($thumb); }else{ $thumb=''; }

dedecms中的js获取fckeditor中的图片

function get_firstimg(){ //var c=document.getElementById('body').value; var c=FCKeditorAPI.GetInstance('body').GetXHTML(true); if(c){ var fimg=c.match(/<img(.*?) src=["|'](.*?)["|'](.*?)>/); if(fimg[2]){ document.getElementById('picname').value=fimg[2]; if(document.getElementById('ImgPr'))document.getElementById('ImgPr').src=fimg[2];//预览 if(document.getElementById('picview'))document.getElementById('picview').src=fimg[2];//预览 } }}

以上就是js获取UEditor富文本编辑器中的图片地址的详细内容，更多关于UEditor图片的资料请关注其它相关文章！