htmlEncode(html) {
// 1.首先动态创建一个容器标签元素,如DIV
var temp = document.createElement('div')
// 2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐,google支持)
temp.textContent !== undefined
? (temp.textContent = html)
: (temp.innerText = html)
// 3.最后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串了
var output = temp.innerHTML
temp = null
return output
},
htmlDecode(text) {
// 1.首先动态创建一个容器标签元素,如DIV
var temp = document.createElement('div')
// 2.然后将要转换的字符串设置为这个元素的innerHTML(ie,火狐,google都支持)
temp.innerHTML = text
// 3.最后返回这个元素的innerText(ie支持)或者textContent(火狐,google支持),即得到经过HTML解码的字符串了。
var output = temp.innerText || temp.textContent
temp = null
console.log(
'🚀 ~ file: index.vue:100 ~ htmlEncode ~ output*************888',
output
)
return output
},
本文介绍了一种通过创建临时DOM元素实现HTML编码与解码的方法。编码过程使用innerText或textContent将原始字符串转换成安全的HTML表示形式;解码过程则通过innerHTML还原成纯文本。这种方法适用于多种浏览器环境。

9352

被折叠的 条评论
为什么被折叠?



