将char序列转换为文本字段中的图片(表情符号)?

时间:2017-03-15 10:30:15

标签: javascript html css textbox user-input

说我在网站上有一个文本字段。我怎么能以编程方式使用户能够写出字母" :)"然后在编辑器中将这两个字符转换为实际的笑脸图片(.gif)?

我有点卡住,因为我不知道如何观看文字字段,以及如何在正确的地方插入图片?

1 个答案:

答案 0 :(得分:0)

您无法在普通文本字段中插入图片。您需要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="" />