kindeditor及其他现在编辑器获取文章内容中的图片标签及其src实现
来源:互联网 发布:淘宝宝贝详情宽度 编辑:程序博客网 时间:2024/06/07 14:34
近日,需要实现获取editor中的内容中的图片,罗列出这些图片,选择其中一张作为焦点新闻的焦点图。后来在网上搜到两个正则表达式,搞定了该问题。
匹配出<img/>标签的正则: /<img.*?(?:>|\/>)/gi
匹配src的正则: /src=[\'\"]?([^\'\"]*)[\'\"]?/i
var imgReg = /<img.*?(?:>|\/>)/gi;var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;function getImgSrc(){//添加到div时先清空该div中内容$("#image_show_div").empty();var str = contentValue.html();//这是从kindeditor中读出的content内容,测试时可以先指定一串字符串
str = '<p>asdf<img src="/cxzy_manage/attached/image/20131030/20131030172732_949.jpg" alt="" />asdfasdfasdf</p><p><img src="/cxzy_manage/attached/image/20131030/20131030172732_397.gif" alt="" />aasdfasdf</p><p><br /></p><p><img src="/cxzy_manage/attached/image/20131030/20131030172732_869.gif" alt="" />adsfasdf</p><p><img src="/cxzy_manage/attached/image/20131030/20131030172732_918.gif" alt="" />asdfasdf<p><img src="/cxzy_manage/attached/image/20131030/20131030172732_621.gif" alt="" /></p><p><br /></p>';
//匹配图片(g表示匹配所有结果i表示区分大小写)//匹配src属性var arr = str.match(imgReg);if(arr == null){alert("新闻内容中还未上传图片,请先上传再设置,谢谢!");return;}//alert('所有已成功匹配图片的数组:'+arr);for (var i = 0; i < arr.length; i++) {if(i==0) checkStr = 'checked="checked"'; else checkStr = '';//控制第一个radio为选中状态 var src = arr[i].match(srcReg);$("#image_show_div").append("<label style='cursor:pointer;'>"+arr[i]+"<input "+checkStr+" type='radio' name='cover_image' value='"+src[1]+"'/></label>"); //获取图片地址 if(src[1]){ //alert('已匹配的图片地址'+(i+1)+';:'+src[1]); } //当然你也可以替换src属性 if (src[0]) { // var t = src[0].replace(/src/i, "href"); //alert(t); }}}
PS:测试代码0积分下载地址:http://download.csdn.net/detail/he20101020/6517317
- kindeditor及其他现在编辑器获取文章内容中的图片标签及其src实现
- ajax获取kindeditor编辑器内容中的图片
- 怎么用正则表达式获取文章内容中的<img标签和 src的路径
- mybatis参数传递及其他标签
- TextView支持的HTML标签及其他
- HTML常用标签及其他总结
- js获取时间及其他操作
- 获取操作系统的编码格式及其他
- Struts1中的MVC模式及其他
- 学习中的英文单词及其他知识
- php中的interface和implements及其他
- java--html(7)头标签及其他标签
- html标签及其中的属性
- 数据表客户端排序及其他特色实现
- java中获取img中的src标签
- 获取img标签中的src内容
- kindeditor编辑器上传图片
- php实现获取文章内容第一张图片的方法【转】
- 自举?只不过是电容和二极管捣的乱
- 输出1000的所有完数
- 《正则表达式入门经典》读书笔记2
- c中遍历lua表结构
- 让我欣喜的一次聊天
- kindeditor及其他现在编辑器获取文章内容中的图片标签及其src实现
- 按身高排成两队问题 catalan数
- 职场中不可深交的五类人
- 《软件测试的艺术》 摘录
- delphi adoquery的增删查改
- WIN32编程之DialogBox
- 新浪微博Oauth2.0授权 获取Access Token以及API的使用
- 第10周项目1:求1000以内的所有偶数和(解法二)
- infobright with chartio