使用JavaScript对HTML实体字符进行转义与反转义处理
在这篇《短代码与代码高亮功能结合,终于可以随意的来回切换可视化/文本模式进行编辑代码了》文章中有提到在折腾WordPress自带的编辑器,里面就需要用到转义来解决bug,其次的话,而且为了安全性(XSS攻击)的问题,一般都要求对用户输入的数据进行转义处理。
那么在JavaScript中怎么对HTML实体字符进行转义与反转义处理?
/**
* 实体字符编码
* @param {*} text 待编码的文本
* @returns
*/
function entitiesEncode(text) {
text = text.replace(/&/g, "&");
text = text.replace(/</g, "<");
text = text.replace(/>/g, ">");
text = text.replace(/ /g, " ");
text = text.replace(/"/g, """);
return text;
}
/**
* 实体字符解码
* @param {*} text 待解码的文本
* @returns
*/
function entitiesDecode(text) {
text = text.replace(/&/g, "&");
text = text.replace(/</g, "<");
text = text.replace(/>/g, ">");
text = text.replace(/ /g, " ");
text = text.replace(/"/g, "'");
return text;
}