javascript alt/高级文本生成

Question

我试图了解alt文本/高级文本生成是如何工作的。

当我说alt文本/花哨文本时，我的意思是:文本，比如：(来源)

我已经找了40分钟了，但没找到任何线索。我试图用JavaScript来做一些事情，但我甚至不知道如何开始，因为我不知道它是如何生成的。

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

1. 用户在输入框中键入example text，因为他们正在键入.
2. 使用JavaScript，它可以实时地将其转换为

因此，一旦用户输入e，它就开始将其转换为e。

我正在尝试制作我自己版本的冷却符号

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>

​