如何将文本转换为表情符号

Question

无论如何，我可以把文字变成表情符号。例如，如果文本是:)，我想用像这样的笑脸图释替换它 - ＆gt;

正如在kik，facebook等中发生的那样。

Answer 1

您可以使用Jquery CSS Emoticons插件。

导入：

<link href="stylesheets/jquery.cssemoticons.css" media="screen" rel="stylesheet" type="text/css" />
<script src="javascripts/jquery.js" type="text/javascript"></script>
<script src="javascripts/jquery.cssemoticons.js" type="text/javascript"></script>

HTML：

<div class="comment">
  Hi, this is a great plugin! :-)
</div>

Jquery的：

$('.comment').emoticonize();

FIDDLE

Answer 2

我们可以使用可编辑的内容，这里是原则减去你将遇到的其他一些怪癖（如光标放置）

<div id="editor" contenteditable="true"> </div>

使用一些jquery

$("#editor").on("blur keyup paste input", function() {

  var content = $(this).html(),
  smiley =  "<img src='smiley.png' alt='smiley'/>";
  content = content.replace(/:)/g, smiley);
  $(this).html(content);

});

要从contenteditable获取值与接收输入值的方式相同 - 使用.html()代替.val()

var valuetosend = $("#editor").html();