违禁词替换关键词 --v-html

csstmg

已于 2022-03-07 16:31:32 修改

阅读量563

点赞数

分类专栏： element 前端文章标签： webpack 前端 node.js

于 2021-06-22 14:30:36 首次发布

本文链接：https://blog.csdn.net/csstmg/article/details/118106487

版权

前端同时被 2 个专栏收录

171 篇文章 1 订阅

订阅专栏

element

104 篇文章 0 订阅

订阅专栏

本文探讨了在处理博客内容时遇到的一个问题：当关键词为'span'或任何字符时，会导致内容展示错误。为解决这个问题，提出了检查关键词是否为特定保留字并采取不同处理方式的策略，以避免对HTML标签的影响。同时，文章鼓励读者分享更好的解决方案，并邀请他们提出想要了解的技术话题。

摘要由CSDN通过智能技术生成

 <p class="twoText overHide" v-html="item.otherContent"></p>

 this.tabelList = res.data.list.map(one => { // 替换关键词
          one.keywordsList.map(item => {
          const highlightStr = new RegExp(item, ('gm'))
          one.content = one.content.replace(highlightStr, `<span style="color:#3e98ff">${item}</span>`)
          })
          return one
        })

在这里插入图片描述

今天发现当关键词为 span 任意一个字符的时候会对进行处理导致展示错误

 one.keywordsList.map((item, index) => {
            if (!one.content) return
            const highlightStr = new RegExp(item, ('gm'))
            if (item === 'b') {
            } else {
              one.content = one.content.replace(highlightStr, `<b>${item}</b>`)
            }
          })