javascript alt/花式文本生成[关闭]

Question

我正在尝试了解替代文本/花式文本生成的工作原理。

当我说替代文字/花式文字时，我的意思是：文字喜欢：???????????????????????????? ????????????????(Source)

我已经搜索了 40 分钟，但找不到任何关于此的内容。我正在尝试用 JavaScript 做一些东西，但我什至不知道如何开始，因为我不明白它是如何生成的。

我想制作一个网站，让您可以将普通的 ASCII 字符转换为酷/花哨的文本。这样做，使用 JavaScript 文本生成这些很酷/花哨的文本。

1. 用户在输入框中输入example text，因为他们正在输入...

2. 使用 JavaScript 将其实时转换为 ???????????????????????????? ????????????????

所以只要用户输入e，它就会开始转换e。

我正在尝试制作我自己的 coolsymbol 版本

Answer 1

这些特殊字符实际上每个都由 两个 代码点组成：55349 和其他东西，56658 及以上（第二个代码点因每个字符而异）。

const str = '?';
console.log(str.charCodeAt(0), str.charCodeAt(1));

您可以使用正则表达式将输入中的每个字符替换为由55349 代码点以及与相关字符相关的代码点组成的字符串：

const input = document.querySelector('#input');
const output = document.querySelector('#output');
input.addEventListener('blur', () => {
  output.textContent = input.value.replace(/[a-z]/g, (char) => {
    // make code indexed from 0 to 25, corresponding to a to z:
    const code = char.charCodeAt() - 97;
    // add the above to 56658, since 56658 represents ?:
    return String.fromCharCode(55349, code + 56658);
  });
});

<input id="input" value="example text">
<div id="output"></div>