Java教程

使用JavaScript对HTML实体字符进行转义与反转义处理

本文主要是介绍使用JavaScript对HTML实体字符进行转义与反转义处理,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

原文地址:https://www.yerenwz.com/6567.html

在这篇《短代码与代码高亮功能结合,终于可以随意的来回切换可视化/文本模式进行编辑代码了》文章中有提到在折腾WordPress自带的编辑器,里面就需要用到转义来解决bug,其次的话,而且为了安全性(XSS攻击)的问题,一般都要求对用户输入的数据进行转义处理。

那么在JavaScript中怎么对HTML实体字符进行转义与反转义处理?

/**
 * 实体字符编码
 * @param {*} text 待编码的文本
 * @returns 
 */
function entitiesEncode(text) {
  text = text.replace(/&/g, "&");
  text = text.replace(/</g, "&lt;");
  text = text.replace(/>/g, "&gt;");
  text = text.replace(/ /g, "&nbsp;");
  text = text.replace(/"/g, "&quot;");
  return text;
}
/**
 * 实体字符解码
 * @param {*} text 待解码的文本
 * @returns 
 */
function entitiesDecode(text) {
  text = text.replace(/&amp;/g, "&");
  text = text.replace(/&lt;/g, "<");
  text = text.replace(/&gt;/g, ">");
  text = text.replace(/&nbsp;/g, " ");
  text = text.replace(/&quot;/g, "'");
  return text;
}
这篇关于使用JavaScript对HTML实体字符进行转义与反转义处理的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!