텍스트를 이모티콘으로 변환하는 방법

Question

어쨌든 텍스트를 이모티콘으로 변환 할 수 있습니까? 예를 들어 텍스트 내가이 같은 웃는 얼굴 이모티콘으로 대체 할 :) 경우 - 그것은 KIK에 공교롭게도>

등

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

, 여기에있다 원칙 마이너스의 contentEditable에서 값을 얻으려면 몇 가지 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); 

}); 

를 사용하여 당신이로 (커서 위치 등) 실행됩니다 다른 단점은

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

당신을 얼마나 동일한에 가까운 값 - .val() 대신 .html()을 사용하십시오.

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