用正则匹配富文本中的文本,并替换其内容
问题描述:
有这样的一段字符串:
"<p id='wise'>123 456 789<br>hello<span title='hello' src='//www.wisewrong.com/img/123.png'>world</span></p>"这是一段包含了 html 标签信息的富文本,现在需要将其中的文本内容处理为全大写
解决方案:
function superTrim(str) {
// 匹配标签之间的文本
const reg = /(?<=>)[^>]+(?=<[\/]?\w+.*>)/g;
return str.replace(reg, s => s.toUpperCase());
}const str = "<p id='wise'>123 456 789<br>hello<span title='hello' src='//www.wisewrong.com/img/123.png'>world</span></p>";
superTrim(str);
// "<p id='wise'>123 456 789<br>HELLO<span title='hello' src='//www.wisewrong.com/img/123.png'>WORLD</span></p>"重点在于正则的编写,其次需要利用字符串的 replace 函数,当第一个入参是正则的时候,第二个参数可以用函数的形式来接受正则的匹配结果,且这个函数的返回值会用来替换被正则匹配到的字符串
基于这个特性,只要正则匹配到了字符串,就可以随便处理了
这里只是举了全大写的例子,实际上还可以做简繁转换、文本格式化等复杂功能
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!