本文旨在：通过点击一张图片Toast输出位置与url链接。

闲话少说，实现原理大概是酱紫的：：通过正则表达式检测富文本内的图片集合并获取url，在src=“xxx” 后面添加 onclick方法，至于js如何load进去本人是自己拼接了一个html标签的上下文

js调用java方法请自行搜索不在本文讨论范围。

public class HtmlUtils {

    /**

     * 获取html中的所有图片

     * @param compatText

     * @return

     */

    public static List<String>  filterImages(String compatText){

        List<String> uList = new ArrayList<>();

        if(!TextUtils.isEmpty(compatText)&&compatText.contains("<img")){

            //get img src

            Pattern p = Pattern.compile("<img[^>]+src\\s*=\\s*['\"]([^'\"]+)['\"][^>]*>");//<img[^<>]*src=[\'\"]([0-9A-Za-z.\\/]*)[\'\"].(.*?)>");

            Matcher m = p.matcher(compatText);

            String searchAttrib = "src";

            String regxpForTagAttrib = searchAttrib + "\\s*=\\s*[\"|']http://([^\"|']+)[\"|']";//"=[\"|']([^[\"|']]+)[\"|']";

            Pattern patternForAttrib = Pattern.compile(regxpForTagAttrib);

            while(m.find()){

                Matcher matcherForAttrib = patternForAttrib.matcher(m.group());

                if (matcherForAttrib.find()) {

                    System.out.println("poe " +"http://" +matcherForAttrib.group());

                    uList.add("http://" +matcherForAttrib.group());

                }

            }

        }

        return  uList;

    }

    /**

     * 1.向富文本中插入执行函数sayHello

     * 2.修改后的文本插入<html></html> 组合为新的页面 .

     * @param compatText

     */

    public static String constructExecActionJs(String compatText){

        StringBuffer sb = new StringBuffer();

        sb.append("<html> " +

                "<script type=\"text/javascript\"> " +

                "  function showImage(position , url) {\n" +

                "        window.control.showImage(position,url)\n" +

                "    }"+

                "</script>");

        //插入函数

        sb.append(insertExecActionJs(compatText));

        sb.append("</html>");

        return  sb.toString();

    }

    public static String insertExecActionJs(String compatText){

        String searchAttrib = "src";

        String regxpForTag ="<img[^>]+src\\s*=\\s*['\"]([^'\"]+)['\"][^>]*>";

        Pattern patternForTag = Pattern.compile(regxpForTag);

        String regxpForTagAttrib = searchAttrib + "\\s*=\\s*[\"|']http://([^\"|']+)[\"|']";//"=[\"|']([^[\"|']]+)[\"|']";

        Pattern patternForAttrib = Pattern.compile(regxpForTagAttrib);

        Matcher matcherForTag = patternForTag.matcher(compatText);

        StringBuffer sb = new StringBuffer();

        boolean result = matcherForTag.find();

        int pos =  ;

        while (result) {

            StringBuffer sbreplace = new StringBuffer();

            System.out.println(matcherForTag.group());

            Matcher matcherForAttrib = patternForAttrib.matcher(matcherForTag.group());

            if (matcherForAttrib.find()) {

                System.out.println("ll"+matcherForAttrib.group());

                matcherForAttrib.appendReplacement(sbreplace, searchAttrib+"=\"http://"

                        + matcherForAttrib.group() +"\""+ " onclick=\"showImage(" +

                        +pos+"," +

                        "'http://" +matcherForAttrib.group() +"'"

                        +")\"");

            }

            matcherForAttrib.appendTail(sbreplace);

            matcherForTag.appendReplacement(sb, sbreplace.toString());

            result = matcherForTag.find();

            pos++;

        }

        matcherForTag.appendTail(sb);

        System.out.println("poe: "+sb.toString());

        return  sb.toString();

    }

}

Activity中代码如下：

mWebView.getSettings().setDefaultTextEncodingName("utf-8");

        mWebView.getSettings().setJavaScriptEnabled(true);

        mWebView.addJavascriptInterface(new JsInteration(),"control");

　　

public class JsInteration {

        @JavascriptInterface

        public void showImage(int position ,String url) {

            Toast.makeText(getApplicationContext(), position+":"+url, Toast.LENGTH_LONG).show();

        }

    }

调用：

WebViewUtils.setContentToWebView(mWebView,HtmlUtils.constructExecActionJs(blogDetail.getBlogContent()));

Android检测富文本中的<img标签并实现点击效果的更多相关文章

  1. 去除富文本中的html标签及vue、react、微信小程序中的过滤器

    在获取富文本后,又只要显示部分内容,需要去除富文本标签,然后再截取其中一部分内容:然后就是过滤器,在微信小程序中使用还是挺多次的,在vue及react中也遇到过 1.富文本去除html标签 去除htm ...

  2. 从html富文本中提取纯文本

    其实从html富文本中提取纯文本很简单,富文本基本上是使用html标签给文本加上丰富多彩的样式. 所以只需要将富文本字符串中的“<.....>”标签剔除,即可得到纯文本.我们可以使用正则表 ...

  3. Android WebView的HTML中的select标签不起作用

    Android WebView的HTML中的select标签不起作用 经过查询资料,了解到android对html里的select标签是弹出一个原生的选择器. 问题: Webview中的select没 ...

  4. 清除文本中Html的标签

    /// <summary> /// 清除文本中Html的标签 /// </summary> /// <param name="Content"> ...

  5. C# 清除文本中的HTML标签

    /// <summary>          /// 清除文本中Html的标签          /// </summary>          /// <param n ...

  6. 微信小程序富文本中的图片大小超出屏幕

    这个问题我在小程序社区中提的,后来有个帮我回答了这个问题,我试了一下可以. 解决办法是过滤富文本内容,给图片标签添加一个样式,限制图片的最大宽度. replace(/\<img/gi,   '& ...

  7. vue修改富文本中的元素样式

    富文本编辑器目前应用很广泛,而有时候我们想要对其中的一些元素的样式进行修改,就会遇到问题. 首先,直接修改是不可行的,因为是用v-html标签进行渲染的,无法直接获取到. 在修改的时候,一般是按标签进 ...

  8. python去除文本中的HTML标签

    def SplitHtmlTag(file): with open(file,"r") as f,open("result.txt","w+" ...

  9. selenium自动化测试在富文本中输入信息的方法

    第一次用selenium+python编写自动测试脚本,因为页面中插入了富文本编辑,开始怎么都无法输入进去,度娘好多方法都无效,分享踩坑的经历一是为了记录一下自己的成长,二是为了给同样摸索seleni ...

随机推荐

  1. Contest 6

    A:容易发现这要求所有子集中元素的最高位1的位置相同,并且满足这个条件也是一定合法的.统计一下即可. #include<iostream> #include<cstdio> # ...

  2. 如何在vi中设置tab的长度

    在使用vi写python时(其实,不管用什么写python程序时,都要注意),首先要将Tab键的长度设为4,因为使用python编程时,我们是通过缩进来实现作用域的,所以要统一Tab键的长度.具体方法 ...

  3. 洛谷 P3241 [HNOI2015]开店 解题报告

    P3241 [HNOI2015]开店 题目描述 风见幽香有一个好朋友叫八云紫,她们经常一起看星星看月亮从诗词歌赋谈到人生哲学.最近她们灵机一动,打算在幻想乡开一家小店来做生意赚点钱. 这样的想法当然非 ...

  4. 【bzoj2500】幸福的道路

    Portal -->bzoj2500 Description ​  给你一棵树,每条边有边权,有两个给给的人第\(i\)天会从编号为\(i\)的点出发走这个点的树上最长距离,现在要你求一个最长的 ...

  5. echars画折线图的一种数据处理方式

    echars画折线图的一种数据处理方式 <!DOCTYPE html> <html> <head> <meta charset="utf-8&quo ...

  6. SpringMVC 之 表单标签

    本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图上展示WebModel中的数据更加轻松. 一.首先我们先做一个简单了例子来对Spring MV ...

  7. vs下给生成的程序（exe）加入默认的申请管理员权限

    在vs下编程时,经常会用到一些特殊的权限,尤其是管理员权限,下面是在win7下笔者亲测通过的. 下面要分两种情况: 第一种情况就是在vs2003或者以下的编译器中运行 1.准备一个manifest文件 ...

  8. jsp 文件无法加载 css、js 的问题

    今天遇到一个问题是,在 jsp 里面引入 css.js,请求的状态是 200,但 css.js 的内容却是空的. 这是因为 servlet 有个 url-pattern,将 css.js 的路径当做 ...

  9. [吴恩达机器学习笔记]13聚类K-means

    13.聚类 觉得有用的话,欢迎一起讨论相互学习~Follow Me 13.1无监督学习简介 从监督学习到无监督学习 在一个典型的监督学习中,我们有一个有标签的训练集,我们的目标是找到能够区分正样本和负 ...

  10. TersorflowTutorial_MNIST数据集上简单CNN实现

    MNIST数据集上简单CNN实现 觉得有用的话,欢迎一起讨论相互学习~Follow Me 参考文献 Tensorflow机器学习实战指南 源代码请点击下方链接欢迎加星 Tesorflow实现基于MNI ...