符号在字符串传递时被转码

喵喵扛把子

已于 2024-06-11 16:47:56 修改

阅读量233

点赞数 1

分类专栏： API相关文章标签： javascript 前端开发语言

于 2024-05-29 14:24:16 首次发布

本文链接：https://blog.csdn.net/m0_55742074/article/details/139294933

版权

API相关专栏收录该内容

8 篇文章 0 订阅

订阅专栏

由于xss防御机制，将标点符号转换成字符实体。

定义方法转换几个常用的字符

const entityMap = {
  escape: {
    '&': '&amp;',
    '<': '&lt;',
    '>': '&gt;',
    '"': '&quot;',
    "'": '&apos;',
  } as any,
  unescape: {
    '&amp;': "&",
    '&apos;': "'",
    '&gt;': ">",
    '&lt;': "<",
    '&quot;': '"',
  } as any,
};

const entityReg = {
  escape: RegExp('[' + Object.keys(entityMap.escape).join('') + ']', 'g'),
  unescape: RegExp('(' + Object.keys(entityMap.unescape).join('|') + ')', 'g')
};

/** 判断字符串是否可以转为对象 */
function isValidJsonString(str: string) {
  try {
    const obj = JSON.parse(str);
    return obj;
  } catch (error) {
    return str;
  }
};

// 将HTML转义为实体
export function escapeEntity(html: string) {
  if (typeof html !== 'string') return ''
  return html.replace(entityReg.escape, function (match) {
    return entityMap.escape[match];
  })
}

// 将实体转回为HTML
export function unescapeEntity(str: string) {
  if (typeof str !== 'string') return ''
  const new_str = str.replace(entityReg.unescape, function (match) {
    return entityMap.unescape[match];
  });
  return isValidJsonString(new_str);
}