html tag filter in js
html tag filter in js
const html = `可当天预订,必须21时15分之前下单,要求必须<font color=green><b>60</b>分钟内完成</font>在线支付。</br>预订时间:最晚需在【出行当天21:15】前购买<br>有效期:选择的使用日期当天有效。<br>适用条件:身高:1米(含)以上<br>`;
// regex = /$<>^/ig;
// html.replace(regex, ``);
html.replace(/^<(.)*>$/ig, ``);
// "可当天预订,必须21时15分之前下单,要求必须<font color=green><b>60</b>分钟内完成</font>在线支付。</br>预订时间:最晚需在【出行当天21:15】前购买<br>有效期:选择的使用日期当天有效。<br>适用条件:身高:1米(含)以上<br>"
html.replace(/^<.*>$/ig, ``);
// "可当天预订,必须21时15分之前下单,要求必须<font color=green><b>60</b>分钟内完成</font>在线支付。</br>预订时间:最晚需在【出行当天21:15】前购买<br>有效期:选择的使用日期当天有效。<br>适用条件:身高:1米(含)以上<br>"
html.replace(/^<.*>$.*/ig, ``);
// "可当天预订,必须21时15分之前下单,要求必须<font color=green><b>60</b>分钟内完成</font>在线支付。</br>预订时间:最晚需在【出行当天21:15】前购买<br>有效期:选择的使用日期当天有效。<br>适用条件:身高:1米(含)以上<br>"
html.replace(/<[^>]+>/ig, ``);
// "可当天预订,必须21时15分之前下单,要求必须60分钟内完成在线支付。预订时间:最晚需在【出行当天21:15】前购买有效期:选择的使用日期当天有效。适用条件:身高:1米(含)以上"
https://regexper.com/#%2F<[^>]%2B>%2Fig
none of
/[^>]/ig
https://regexper.com/#%2F[^>]%2Fig
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
Regular Expressions Cheatsheet
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Cheatsheet
否定或补充字符集
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Groups_and_Ranges
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Assertions
strip html
https://stackoverflow.com/questions/822452/strip-html-from-text-javascript
const stripHtml = (html = ``) => {
let tmp = document.createElement("div");
tmp.innerHTML = html;
return tmp.textContent || tmp.innerText || "";
}
regex
RegExp
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp
https://www.npmjs.com/package/sanitize-html
taro html render bug
color 属性的引号没有 color="green"
???
本文首发于博客园,作者:xgqfrms,原文链接:https://www.cnblogs.com/xgqfrms/p/12675991.html
未经授权禁止转载,违者必究!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
2019-04-10 How to install crx Chrome Extensions in China
2019-04-10 Best Chrome Extensions
2019-04-10 Chrome Extension Downloader
2019-04-10 XSS & SQL 注入
2019-04-10 Windows 10 & change DNS