当前位置:   article > 正文

js 正则替换html里的文字_html中所有关键字替换

html中所有关键字替换

需求

  • 将某一带有html的文本中的关键字,替换成a标签,发现html中title 里包含关键字也会被替换,研究发现,正则替换难度太大,因此采取了 用占位符 拆箱装箱的形式解决了问题,下方是解决方案

要检测到文本

var text=`<p style="text-align:center">
    <a href="https://www.csdn.net/" target="_blank"></a>
</p>
<p>
    说明:<br>
</p>
<p>
 哈哈哈哈哈哈哈
 <a href="https://www.csdn.net/" target="_blank">点击这里查看详情</a>
</p>
<p>
  哈哈哈哈哈哈
</p>`;
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

将检测到div装进数组

var divArray=text.match(new RegExp('<[^>]+>',"g"));
  • 1

将div标签替换占位符

var replaceDiv= text.replace(new RegExp('<[^>]+>',"g"),"{0}");
  • 1
  • 替换占位符后,就可以替换要替换的关键字了

将占位符替换成div标签

var result="";
replaceDiv.split("{0}").forEach((item, index, array) => {
  if(index>0){result+=item+a[index-1]} else{ result+=item;}
})
  • 1
  • 2
  • 3
  • 4
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/89933
推荐阅读
相关标签
  

闽ICP备14008679号