javascript - 将字符序列转换为文本字段中的图片(笑脸)？

Question

假设我在网站上有一个文本字段。我如何以编程方式使用户能够编写字母“:)”，然后在编辑器中将这两个字符转换为实际的笑脸图片 (.gif)？

我有点卡住了，因为我不知道如何查看文本字段，以及如何在正确的位置插入图片？

Answer 1

您不能在普通文本字段中插入图片。你需要类似 https://www.tinymce.com/ 的东西

也就是说，您可以将 :) 替换为 unicode 笑脸 ☺ - 这是一个列表: http://www.utf8-chartable.de/unicode-utf8-table.pl?start=9728

然后你可以做

window.onload = function() {
  document.getElementById("inp").onkeyup = function() {
    var text = this.value;
    if (text) this.value = text.replace(/:\)/g, "☺");
  }
}

Try typing <i>Hi there:)</i>: <input type="text" id="inp" value="" />