我们在开发过程中难免遇到与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));