本文旨在：通过点击一张图片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. 【容斥原理，莫比乌斯反演】用容斥替代莫比乌斯反演第二种形式解决gcd统计问题

    名字虽然很长.但是其实很简单,对于这一类问题基本上就是看你能不能把统计的公式搞出来(这时候需要一个会推公式的队友) 来源于某次cf的一道题,盼望上紫的我让潘学姐帮我代打一道题,她看了看跟我说了题解,用 ...

  2. CF878C Tournament set 图论

    题面 题面 题解 如果2个人可以互相战胜,那么我们连一条无向边,于是最后会剩下t个联通块,其中每对联通块之间都有严格的大小关系(a.max < b.min),因此我们每插入一个点就相当于合并一段 ...

  3. UIScrollView 在手指点击的坐标处放大

    写了一个extension,如下: extension UIScrollView{ ///在ScrollView上的某个点放大 func zoomWithPoint(var zoomPoint:CGP ...

  4. 常州day1p3

    给定一个 n 行 m 列的方格,每个格子里有一个正整数 a,1 ≤ a ≤ k,k ≤ n∗m 假设你当前时刻站在 (i,j) 这个格子里,你想要移动到 (x,y),那必须满足以下三个条件 1:i & ...

  5. syntax error: non-declaration statement outside function body

    在函数外部使用形如:name:="mark"这样语句会出现 syntax error: non-declaration statement outside function bod ...

  6. HTTP协议格式【转】

    原文链接:https://www.jianshu.com/p/8fe93a14754c 一.URI结构 HTTP使用统一资源标识符(URI)来传输数据和建立连接.URL(统一资源定位符)是一种特殊种类 ...

  7. vmvare安装ubuntu后

    配置源: http://wiki.ubuntu.org.cn/%E6%BA%90%E5%88%97%E8%A1%A8#Trusty.2814.04.29.E7.89.88.E6.9C.AC 清理工作: ...

  8. selectors

    一.Selectors模块 它具有根据平台选出最佳的IO多路机制,比如在win的系统上他默认的是select模式而在linux上它默认的epoll,建议使用selectors. 常用共分为三种:sel ...

  9. vue-router的link样式设置问题

    发现router-link添加上去后文字上会出现下划线,打开调试工具发现router-link其实是由a来实现的,在reset的时候 a { text-decoraction: none; } 至于点 ...

  10. c++数组遍历十种方式

    int ia[3][4] = {1,2,3,4,5,6,7,8}; //下标 for (int i = 0; i < 3; i++) {     for (int j = 0; j < 4 ...