javascript - 如何转换这些字符？

Question

我正在 React 中制作一个应用程序，它接收特定的 html 页面并转换为 React 中的页面，但是当我将一些字符串放入 <Text> 时这些字符没有转换:

— 的表示是— .

这些字符叫什么？ React 有没有办法将这些字符转换成对应的文本？

Answer 1

These symbols are called HTML Symbol Entities Many mathematical, technical, and currency symbols, are not present on a normal keyboard.

If no entity name exists, you can use an entity number, a decimal, or hexadecimal reference.

您知道的针对单个 html 实体的快速解决方法:

    <Text>
      {yourText.replace(/&#8212;/gi, '-')}
    </Text>

你可以使用 this npm 模块在渲染前解码文本:

多个 html 实体的示例

const re = /&[^\s]*;/gi;
const allHtmlEntities = [];
while ((match = re.exec(youtText)) != null) {
  const htmlEntity = yourText.substring(match.index, 7);
  if (allHtmlEntities.indexOf(htmlEntity) === -1) {
    allHtmlEntities.push(htmlEntity);
  }
}

const entities = new Entities();

for (let i = 0; i < allHtmlEntities.length; i++) {
  const decodedValue = entities.decode(allHtmlEntities[i]);
  yourText = yourText.replace(new RegExp(allHtmlEntities[i], 'g'), decodedValue);
}