`

正则表达式处理img标签

 
阅读更多

文章内容中包含有<img>标签内容,但有时候不需要显示图片,只需要显示内容,需要将内容中的图片替换掉,这个正则表达式,我可花了些时间,百度了一下,没有合适的,就自己费时间写了,

还可以用吧。  这里是java的,但正则表达式应该是一样的吧。

 

在网上找一段js的处理代码,异常简洁,相当好,这里和大家共享。

  <script>

var content='${item.content}';
                                      re = new RegExp("<(?!img|br|p|/p).*?>", "g"); // 创建正则表达式对象。
                                      r = content.match(re); // 在字符串 s 中查找匹配。
                                      var contentValue = content.replace(/<[^>]+>/g, ""); //去掉所有的html标记
                                      if(contentValue.length>80){
                                          contentValue=contentValue.substring(0,80)+"...";
                                      }

       </script>

 

以下是java代码:这里还真费了我不少脑筋,因为我们的文档发布者,总是从别处复制粘贴到编辑器里,带上了很多的各种复杂样式。在界面列表中,只显示一少部分内容,这时候需要对文档做处理之后再支截取少部分内容显示。不处理直接截取部分内容显示就有各种异常。

String content="<img src=\"http://192.168.1.162/upload/pu_68.jpg\" alt=\"\" />象个洋娃娃吗33333<img src=\"http://192.168.1.152/upload/33288.jpg\" alt=\"\" />888rrrrrr";

 

    //  String regex="<img\\s*([\\w]*=(\"|\')([^\"\']*)(\"|\')\\s*)*/>";//这样更简单
       // String regex="<img\\s*src=(\"|\')([^\"\']+)(\"|\')\\s*([\\w]+=(\"|\')([^\"\']*)(\"|\')\\s*)*/>";
        Pattern p = Pattern.compile("<img\\s*src=(\"|\')([^\"\']+)(\"|\')\\s*([\\w]+=(\"|\')([^\"\']*)(\"|\')\\s*)*/>");
        Matcher m = p.matcher(content);
    上面是单纯图片的,下面处理比较全面了。


                String regex="<(img|a|p|b|div|br)\\s*([\\w]*=(\"|\')([^\"\'<]*)(\"|\')\\s*)*(/>|>)";
                content=content.replaceAll(regex, "");
                String regex2="<span\\s*([\\w]*=(\"|\')(([^\"\'/>><']*)(\"|\'))*\\s*)*(/>|>)";
                content=content.replaceAll(regex2, "");
                content=content.replaceAll("<(/a|b|/b|p|/p|/span|/div)>", "");
                content=content.replaceAll("\r|\n|\t|&nbsp;", "");
                if(content.length()>100){
                    content=content.substring(0,100)+"...";
                }
     
    
        System.out.println(content);

 至此,可以基本满足需要了,虽然不能解决全部问题。

 

//<img\\s*([\\w]*=(\"|\')([^\"\']*)(\"|\')\\s*)*/>

0
1
分享到:
评论
1 楼 mfkvfn 2014-05-29  
/<img\b[^<]*(?:(?!<\/img>)<[^<]*)*<\/img>/gi

jquery的源代码里是这么写的

相关推荐

    正则表达式处理图片地址、img标签的方法

    主要介绍了正则表达式处理图片地址、img标签的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下

    正则获取html中的 <img src = 图片地址

    通过正则表达式,解析html中的&lt;img 标签,获取图片地址。还有部分正则没处理显示

    string_typography:字符串转换器,可将字符串转换为小部件排版

    介绍 该程序包是一个String转换器,可用于将纯字符串转换为小部件。 我们的目标是所有东西都... 使用正则表达式自动检测。 例子: `text` 盒子装饰 文字样式 图像 自动生成图像,具体取决于您的文本示例 &lt; img src

    html-related-links:Visual Studio Code TreeViewHTML相关文件和链接文件

    为HTML文件处理的标签为: a , img , link和script 。 它需要一个并且还可以从键绑定 序列中调用它。 将视图锁定到文件 有时您想将视图固定为特定文件的内容。 您可以使用“ Lock to file按钮来执行此Lock to ...

    dg-url:javascript库,为您提供处理网址的便捷功能

    dg-url:Dropbox和Google ... 另一个带有React的实时示例: : 功能性函数标题:goobox 标签:图片托管,正则表达式,URL,谷歌驱动器,投递箱,高级返回:字符串返回可以直接用作图像源的字符串url。输出示例let gD

    (全)传智播客PHP就业班视频完整课程

    10-10 3 正则表达式 子表达式 引用 反向捕获 10-10 4 正则表达式 元字符 语法 10-10 5 元字符 实例应用 10-10 6 供求信息网讲解1 10-10 7 供求信息网讲解2 10-11 1 供求信息网3 10-11 2 供求信息网4 10-11 3 供求...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    10-10 3 正则表达式 子表达式 引用 反向捕获 10-10 4 正则表达式 元字符 语法 10-10 5 元字符 实例应用 10-10 6 供求信息网讲解1 10-10 7 供求信息网讲解2 10-11 1 供求信息网3 10-11 2 供求信息网4 10-11 3 供求...

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    10-10 3 正则表达式 子表达式 引用 反向捕获 10-10 4 正则表达式 元字符 语法 10-10 5 元字符 实例应用 10-10 6 供求信息网讲解1 10-10 7 供求信息网讲解2 10-11 1 供求信息网3 10-11 2 供求信息网4 10-11 3 供求...

    史上最全传智播客PHP就业班视频课,8月份视频

    10-10 3 正则表达式 子表达式 引用 反向捕获 10-10 4 正则表达式 元字符 语法 10-10 5 元字符 实例应用 10-10 6 供求信息网讲解1 10-10 7 供求信息网讲解2 10-11 1 供求信息网3 10-11 2 供求信息网4 10-11 3 供求...

    史上最全韩顺平传智播客PHP就业班视频,9月份全集

    10-10 3 正则表达式 子表达式 引用 反向捕获 10-10 4 正则表达式 元字符 语法 10-10 5 元字符 实例应用 10-10 6 供求信息网讲解1 10-10 7 供求信息网讲解2 10-11 1 供求信息网3 10-11 2 供求信息网4 10-11 3 供求...

    xheditor-1.1.14

    emotMark:是否在表情img标签上标注emot属性 参数:true(标注),false(不标注),默认为false 说明:若使用了ubb插件,请设置此属性为true 备注:1.0.0 beta2新添加 emots:添加自定义表情 参数:可定义多个JSON对象...

    Java语言基础下载

    Img标签和src属性 469 HTML背景 475 内容总结 478 独立实践 479 第二十四章:HTML进阶 480 学习目标 480 知识要点 481 表单 481 HTML框架 488 框架 488 在子窗体中访问并控制父窗体中对象 493 内容总结 495 独立实践...

    Java学习笔记-个人整理的

    {3.4}正则表达式}{71}{section.3.4} {3.5}StringBuffer}{75}{section.3.5} {3.6}StringBuilder}{76}{section.3.6} {3.7}StringBuilder与StringBuffer的缺点}{76}{section.3.7} {3.8}内部类}{77}{section.3.8} ...

Global site tag (gtag.js) - Google Analytics