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

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

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

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

 /**
 * 实体字符编码
 * @param {*} text 待编码的文本
 * @returns 
 */
function entitiesEncode(text) {
  text = text.replace(/&/g, "&amp;");
  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;
}

posted @ 2022-09-03 16:52 zhuibo6 阅读(597) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 有什么方法可以把js注入到TinyMCE中的iframe？

· js怎么获取input标签的值

· JS转义html编码

· HTML字符实体和转义字符串

· 实现HTML标签的转义、反转义的几种方法

公告

昵称： zhuibo6
园龄： 6年
粉丝： 0
关注： 3

+加关注

2025年3月

日

一

二

三

四

五

六

野人的自留地

www.yerenwz.com

使用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;
	}