SSM博客实战(1)--正则表达式去除html标签

avatar 2017年08月26日14:58:14 0 3999 views
博主分享免费Java教学视频，B站账号：Java刘哥 ，长期提供技术问题解决、项目定制：本站商品点此
大部分博客网站的首页文章的内容都是截取了文章的一部分，然后点击“查看更多”才能看完整的文字。所以，截取字符串是必不可少的。

但是如果我们直接用 substring 截取，会出现很多问题。比如样式不会改变，加粗的，文字颜色都不会去掉。还有就是一个 html标签如<strong></strong>可能会被截成两段，导致后面的文字全部加粗之类的。这种情况绝不允许。

像下图的，首页文章列表中 部分文章颜色全部变红，截取不正当导致。



本文将介绍如何去除文章的 html 标签。

Java 实现

  1. import java.util.regex.Matcher;
  2. import java.util.regex.Pattern;
  4. public class Demo {
  5.     private static final String regEx_script = "<script[^>]*?>[\\s\\S]*?<\\/script>"; // 定义script的正则表达式
  6.     private static final String regEx_style = "<style[^>]*?>[\\s\\S]*?<\\/style>"; // 定义style的正则表达式
  7.     private static final String regEx_html = "<[^>]+>"; // 定义HTML标签的正则表达式
  8.     private static final String regEx_space = "\\s*|\t|\r|\n";//定义空格回车换行符
  10.     /**
  11.      * @param htmlStr
  12.      * @return
  13.      *  删除Html标签
  14.      */
  15.     public static String delHTMLTag(String htmlStr) {
  16.         Pattern p_script = Pattern.compile(regEx_script, Pattern.CASE_INSENSITIVE);
  17.         Matcher m_script = p_script.matcher(htmlStr);
  18.         htmlStr = m_script.replaceAll(""); // 过滤script标签
  20.         Pattern p_style = Pattern.compile(regEx_style, Pattern.CASE_INSENSITIVE);
  21.         Matcher m_style = p_style.matcher(htmlStr);
  22.         htmlStr = m_style.replaceAll(""); // 过滤style标签
  24.         Pattern p_html = Pattern.compile(regEx_html, Pattern.CASE_INSENSITIVE);
  25.         Matcher m_html = p_html.matcher(htmlStr);
  26.         htmlStr = m_html.replaceAll(""); // 过滤html标签
  28.         Pattern p_space = Pattern.compile(regEx_space, Pattern.CASE_INSENSITIVE);
  29.         Matcher m_space = p_space.matcher(htmlStr);
  30.         htmlStr = m_space.replaceAll(""); // 过滤空格回车标签
  31.         return htmlStr.trim(); // 返回文本字符串
  32.     }
  34.     public static String getTextFromHtml(String htmlStr){
  35.         htmlStr = delHTMLTag(htmlStr);
  36.         htmlStr = htmlStr.replaceAll(" ", "");
  37.         htmlStr = htmlStr.substring(0,100);
  38.         return htmlStr;
  39.     }
  41.     public static void main(String[] args) {
  42.         String str = "ubuntu 安装 phpmyadmin  两种 （两者选一）:\n" +
  43.             "<h4>1: apt-get 安装  然后使用 已有的虚拟主机目录建立软连接</h4>\n" +
  44.             "<div class=\"dp-highlighter\">\n" +
  45.             "<ol class=\"dp-xml\" start=\"1\">\n" +
  46.             " \t<li class=\"alt\">sudo  apt-get install  phpmyadmin</li>\n" +
  47.             " \t<li class=\"\">sudo  ln-s /usr/share/phpmyadmin/      /var/www/pma</li>\n" +
  48.             "</ol>\n" +
  49.             "</div>\n" +
  50.             "<h4>2:手动上传</h4>\n" +
  51.             "网上下载 phpmyadmin软件包,使用 filezilla 上传到 /var/www/pma (pma自己创建)\n" +
  52.             "\n" +
  53.             "使用 ip/pma 查看 phpmyadmin\n" +
  54.             "\n" +
  55.             "其实 还可以 考虑给phpmyadmin 配置虚拟主机\n" +
  56.             "\n" +
  57.             "接下来 配置MySQL的  remote access\n" +
  58.             "\n" +
  59.             "默认下 mysql只能是本机访问的 但是 如果我通过ip 远程 访问方式 就是 remote access      比如 我在其他机器上要使用navicate 访问  也属于 remote access\n" +
  60.             "\n" +
  61.             "但是 ubuntu中的mysql 默认是不允许的 所以要修改mysql的配置\n" +
  62.             "\n" +
  63.             "sudo vim /etc/mysql/my.cnf #修改     bind-address 白名单 取消掉\n" +
  64.             "\n" +
  65.             "<img src=\"http://img.blog.csdn.net/20140914221520765?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2FuZzc5NDY4NjcxNA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\" alt=\"\" />\n" +
  66.             "<h4></h4>\n" +
  67.             "<h4>进入phpmyadmin</h4>\n" +
  68.             "查看 用户 添加一个用户 可以 用 公网的ip 访问:\n" +
  69.             "\n" +
  70.             "<img src=\"http://img.blog.csdn.net/20140914222446977?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2FuZzc5NDY4NjcxNA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\" alt=\"\" />\n" +
  71.             "\n" +
  72.             "<img src=\"http://img.blog.csdn.net/20140914222456821?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2FuZzc5NDY4NjcxNA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\" alt=\"\" />\n" +
  73.             "<h4>重启msyql</h4>\n" +
  74.             "<div class=\"dp-highlighter\">\n" +
  75.             "<ol class=\"dp-xml\" start=\"1\">\n" +
  76.             " \t<li class=\"alt\">sudo  service  mysql restart</li>\n" +
  77.             "</ol>\n" +
  78.             "</div>\n" +
  79.             "使用navicate测试远程登录:\n" +
  80.             "\n" +
  81.             "<img src=\"http://img.blog.csdn.net/20140914222659905?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2FuZzc5NDY4NjcxNA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\" alt=\"\" />\n" +
  82.             "\n" +
  83.             "<img src=\"http://img.blog.csdn.net/20140914222803896?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2FuZzc5NDY4NjcxNA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\" alt=\"\" />\n" +
  84.             "\n" +
  85.             "以上  远程登录 已经 完成\n" +
  86.             "\n" +
  87.             "&nbsp;\n" +
  88.             "\n" +
  89.             "更多文章\n" +
  90.             "\n" +
  91.             "<a href=\"http://liuyanzhao.com/2009.html\" target=\"_blank\" rel=\"noopener noreferrer\">ubuntu14.04 下 mysql 存储目录迁移</a>\n" +
  92.             "\n" +
  93.             "<a href=\"http://liuyanzhao.com/1978.html\" target=\"_blank\" rel=\"noopener noreferrer\">ubuntu14.04下配置apache虚拟主机</a>\n" +
  94.             "\n" +
  95.             "<a href=\"http://liuyanzhao.com/2447.html\" target=\"_blank\" rel=\"noopener noreferrer\">ubuntu14.04 安装phpmyadmin 和配置</a>\n" +
  96.             "\n" +
  97.             "&nbsp;\n" +
  98.             "\n" +
  99.             "&nbsp;\n" +
  100.             "\n" +
  101.             "本文地址：<a href=\"http://liuyanzhao.com/2447.html\" target=\"_blank\" rel=\"noopener noreferrer\">http://liuyanzhao.com/2447.html</a>\n" +
  102.             "\n" +
  103.             "转载请注明\n" +
  104.             "\n" +
  105.             "&nbsp;";
  106.         System.out.println(getTextFromHtml(str));
  107.     }
  108. }


JSP 实现


这里我们需要自定义标签

1、在WEB-INF 下新建一个 myTag.dtd 文件
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE taglib
  3.         PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN"
  4.         "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">
  5. <taglib>
  6.     <tlib-version>1.0</tlib-version><!-- 代表标签库的版本号 -->
  7.     <jsp-version>1.2</jsp-version><!-- 代表jsp的版本 -->
  8.     <short-name>SimpleTag</short-name><!-- 你的标签库的简称 -->
  9.     <uri>http://liuyanzhao.com</uri><!-- 你标签库的引用uri -->
  11.     <tag>
  12.         <name>htmlFilter</name>
  13.         <tag-class>com.liuyanzhao.blog.util.others.HtmlFilterTag</tag-class>
  14.         <body-content>scriptless</body-content>
  15.     </tag>
  16. </taglib>

注意：

<short-name> 和 <uri> 可以随便填

<tag>标签内的 <name> 和下面的类名一致，<tag-class>是类的地址，<body-content> 这里就填 scriptless好了，意思是标签体内可以放文本，jsp标签和其他任意标签



2、在对应位置新建 HtmlFilterTag.java
  1. package com.liuyanzhao.blog.util.others;
  3. /**
  4.  * Created by 言曌 on 2017/8/26.
  5.  */
  6.     import java.io.IOException;
  7.     import java.io.StringWriter;
  8.     import java.util.regex.Matcher;
  9.     import java.util.regex.Pattern;
  11.     import javax.servlet.jsp.JspException;
  12.     import javax.servlet.jsp.PageContext;
  13.     import javax.servlet.jsp.tagext.JspFragment;
  14.     import javax.servlet.jsp.tagext.SimpleTagSupport;
  17. public class HtmlFilterTag extends SimpleTagSupport {
  19.     private static final int subLength = 200; //截取字符串长度
  20.     private static final String regEx_script = "<script[^>]*?>[\\s\\S]*?<\\/script>"; // 定义script的正则表达式
  21.     private static final String regEx_style = "<style[^>]*?>[\\s\\S]*?<\\/style>"; // 定义style的正则表达式
  22.     private static final String regEx_html = "<[^>]+>"; // 定义HTML标签的正则表达式
  23.     private static final String regEx_space = "\\s*|\t|\r|\n";//定义空格回车换行符
  25.     public static String filter(String htmlStr) {
  26.         Pattern p_script = Pattern.compile(regEx_script, Pattern.CASE_INSENSITIVE);
  27.         Matcher m_script = p_script.matcher(htmlStr);
  28.         htmlStr = m_script.replaceAll(""); // 过滤script标签
  30.         Pattern p_style = Pattern.compile(regEx_style, Pattern.CASE_INSENSITIVE);
  31.         Matcher m_style = p_style.matcher(htmlStr);
  32.         htmlStr = m_style.replaceAll(""); // 过滤style标签
  34.         Pattern p_html = Pattern.compile(regEx_html, Pattern.CASE_INSENSITIVE);
  35.         Matcher m_html = p_html.matcher(htmlStr);
  36.         htmlStr = m_html.replaceAll(""); // 过滤html标签
  38.         Pattern p_space = Pattern.compile(regEx_space, Pattern.CASE_INSENSITIVE);
  39.         Matcher m_space = p_space.matcher(htmlStr);
  40.         htmlStr = m_space.replaceAll(""); // 过滤空格回车标签
  41.         return htmlStr.trim(); // 返回文本字符串
  42.     }
  44.     @Override
  45.     public void doTag() throws JspException, IOException {
  47.         StringWriter sw = new StringWriter();
  48.         JspFragment jf = this.getJspBody();
  49.         jf.invoke(sw);
  50.         String content = sw.getBuffer().toString();
  51.         content = filter(content);
  52.         content = content.replaceAll(" ", "");
  53.         int contentLength =content.length();
  54.         if(contentLength>subLength) {
  55.             content = content.substring(0,subLength);
  56.         } else {
  57.             content = content.substring(0,contentLength);
  58.         }
  59.         ((PageContext) this.getJspContext()).getOut().write(content);
  60.     }
  63. }

注意：

大家也可以按照自己的需求，修改上面的代码



3、在 jsp 里调用，以下是部分 jsp 代码
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.          pageEncoding="UTF-8"%>
  4. <%@ taglib uri="/WEB-INF/myTag.dtd" prefix="lyz"%>  
  6. <!DOCTYPE html>
  7. <html lang="zh-CN">
  8. <head>
  9.     <meta charset="utf-8">
  10. </head>
  11. <body>
  13.        <lyz:htmlFilter>  ${article.content} </lyz:htmlFilter>  
  15. </body>
  16. </html>

注意：

一定要引入 dtd 文件，注意你的路径，prefix 填你的标签前缀，比如我填的是 lyz，下面调用的话，前缀保持正确即可



4、最终效果如下







本文地址：https://liuyanzhao.com/6065.html
历史上的今天
八月
26日
  • 微信
  • 交流学习，资料分享
  • weinxin
  • 个人淘宝
  • 店铺名：言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

avatar 登录者：匿名
匿名评论，评论回复后会有邮件通知

  

已通过评论：0   待审核评论数：0