如何将表情符号字符写入文本区域

Question

我正在尝试为将要发布到各种社交媒体网络的表单设置表情符号选择器控件。 我正在尝试实现emojione-picker （ https://github.com/tommoor/emojione-picker ），当您单击emoji表情图标时，它提供的data对象如下所示：

{
    "unicode":"1f600",
    "unicode_alternates":"",
    "name":"grinning face",
    "shortname":":grinning:",
    ...
}

我不想使用shortname属性，而是使用实际表情符号的unicode值。 我想在页面上<textarea>的当前光标位置插入unicode值。 我正在使用表单值发布到需要实际表情符号字符的Twitter（不是：smile：或\\ u1f600）

阅读本文（ http://crocodillon.com/blog/parsing-emoji-unicode-in-javascript ）后，我发现可以使用findSerrogatePair方法将unicode值转换为转义序列（？），如下所示：

function findSurrogatePair(point) {
  // assumes point > 0xffff
  var offset = point - 0x10000,
      lead = 0xd800 + (offset >> 10),
      trail = 0xdc00 + (offset & 0x3ff); 
  return [lead.toString(16), trail.toString(16)];
}

然后我尝试了这个： foo = findSurrogatePair('0x1f600') => ["d83d", "de00"]

使用这些值，我可以看到实际的笑脸字符记录到控制台：

console.log("\?\?") =>（实际的笑脸表情符号）

但是，如果我尝试从foo读取值并添加\\ u，则会看到字符代码：

console.log("\\\\u\u0026quot; + foo[0] + "\\\\u\u0026quot; + foo[1]) =>“ \\ ud83d \\ ude00”

如果我只使用一个反斜杠：

console.log("\\u\u0026quot; + foo[0] + "\\u\u0026quot; + foo[1])

我收到此错误： Uncaught SyntaxError: Unexpected token ILLEGAL(…)

Answer 1

使用String.fromCharCode：

findSurrogatePair(0x1f600)
.map((el) => parseInt(el, 16))
.map((el) => String.fromCharCode(el))
.join('')

但是然后您要在findSurrogatePair中将数字转换为字符串，并使用parseInt将n转换回数字。

Answer 2

更简洁的方法：

function findSurrogatePair(point) {
  var offset = point - 0x10000,
      lead = 0xd800 + (offset >> 10),
      trail = 0xdc00 + (offset & 0x3ff); 
  return String.fromCharCode(lead) + String.fromCharCode(trail);
}

归功于：jnes