• 欢迎来到八本那年博客,很高兴可以在对的年纪遇见对的你!
  • 因主题导致QQ登录的小伙伴在评论中显示默认头像,请去个人中心重新上传头像即可。

js匹配html标签里的style

代码笔记 barben 3年前 (2020-10-09) 3265次浏览 0个评论

项目中有个新闻内容模块,是由后端传来一段html文本,我决定在前端使用v-html渲染出来。

后端传来的一段html内容

但是,把带有style的标签直接渲染在这个页面上就真的很离谱!

正则匹配html标签里的style并清除

用正则匹配html标签里的style并使用replace删除

let content = "<p style='color: #00afef;'>下次一定</p>";
content = content.replace(/style\s*=\s*('[^']*'|"[^"]*")/ig, "");
// 或者你可以,先去除一次带双引号的,再去除一次带单引号的
// content = content.replace(/style="[^\"]*?"/ig, "").replace(/style='[^\']*?'/ig, "");

 


八本那年博客,我们一直都在
如作者未注明既为原创文章,转载请注明本文链接及出处
js匹配html标签里的style - https://www.barben.cn/code/907.html
喜欢 (10)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体

在八本那年评论需要带上你的昵称和邮箱哦!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址