我们在开发过程中难免遇到与JS交互问题,在交互过程中我们从H5页面取出的数据带有HTML标签,这不是我们想要的,但是如何过滤掉呢?有两种方式:
第一:调用java方法直接过滤
这种方式比较繁琐,需要一条一条的过滤,不是很优雅,因为我们无法保证每次页面的标签都是一致的,代码如下:
String content = data.getNoteContent();//content含有HTML标签
content = content.replace("<em>", "");
content = content.replace("</em>", "");
content = content.replace("<br>", "\n");
content = content.replace("</br>", "");
content = content.replace(" ", " ");
content = content.replace("<div>", "\n");
content = content.replace("</div>", "");
content = content.replace("<p>", "");
content = content.replace("</p>", "");
noteContent.setText(content);
最后的content就是没有带标签的
第二:使用正则表达式过滤
这是最理想的,不管你页面如何变,有多少标签,我只需调用一个方法解决,杠杠的代码如下:
/**
* 定义script的正则表达式
*/
private static final String REGEX_SCRIPT = "<script[^>]*?>[\\s\\S]*?<\\/script>";
/**
* 定义style的正则表达式
*/
private static final String REGEX_STYLE = "<style[^>]*?>[\\s\\S]*?<\\/style>";
/**
* 定义HTML标签的正则表达式
*/
private static final String REGEX_HTML = "<[^>]+>";
/**
* 定义空格回车换行符
*/
private static final String REGEX_SPACE = "\\s*|\t|\r|\n";
public static String delHTMLTag(String htmlStr) {
// 过滤script标签
Pattern p_script = Pattern.compile(REGEX_SCRIPT, Pattern.CASE_INSENSITIVE);
Matcher m_script = p_script.matcher(htmlStr);
htmlStr = m_script.replaceAll("");
// 过滤style标签
Pattern p_style = Pattern.compile(REGEX_STYLE, Pattern.CASE_INSENSITIVE);
Matcher m_style = p_style.matcher(htmlStr);
htmlStr = m_style.replaceAll("");
// 过滤html标签
Pattern p_html = Pattern.compile(REGEX_HTML, Pattern.CASE_INSENSITIVE);
Matcher m_html = p_html.matcher(htmlStr);
htmlStr = m_html.replaceAll("");
// 过滤空格回车标签
Pattern p_space = Pattern.compile(REGEX_SPACE, Pattern.CASE_INSENSITIVE);
Matcher m_space = p_space.matcher(htmlStr);
htmlStr = m_space.replaceAll("");
return htmlStr.trim(); // 返回文本字符串
}
调用的时候非常方便,如下:
String content = data.getNoteContent();//content含有HTML标签
noteContent.setText(GlobalInfo.delHTMLTag(content));