replace的坑

时间:2022-06-26 11:47:28

问题:html中代码段包含了$,在使用replace替换时,$直接被替换了
解决:先把文本中的$全部替换成自己定义的标签,最后在还原回去
原因:在介绍replace的文档中,$&代表插入匹配的子串

example:
let code = `<pre><code>
private String ge(String service) { String head = &quot;DBO$&quot; ↵
}↵</code></pre>`
let str = `<p>一些文字我不知道些什么了,$,一些文字我不知道些什么了</p><p>MY_TAG</p><p>一些文字我不知道些什么了,$,一些文字我不知道些什么了</p>`

function cutHtml (html) {
console.log(html.replace(/<p>MY_TAG<\/p>/ig, code))
}

cutHtml(str)

// 修改后
function cutHtml2 (html) {
html.replace(/\$/ig, '<p>MY_CHAR</p>')
let code1 = code.replace(/\$/ig, '<p>MY_CHAR</p>')
html = html.replace(/<p>MY_TAG<\/p>/ig, code1)
console.log(html.replace(/<p>MY_CHAR<\/p>/g, '$'))
}