Emoji в textarea с javascript

Question

Я попытался вставить Emojis в текстовое поле, но это не сработало. Эможи не отображались.

<span class="text">',params.text.replace(/:(\w+):/g,'<img src="emo/emojis/smile.png" alt="smile"/>'),'</span> 

Что может быть причиной этого?

Спасибо за помощь

Answer 1

Простой TEXTAREA не может показывать изображения, как предполагается проводить только обычный текст, используйте div вместо. Я привел ссылку JSFiddle ниже, чтобы привести пример.

Если вы должны разрешить ввод пользователя в div, то установите contenteditable на true.

<div id="someDiv" onclick="showImage();" contenteditable="true">Click Me!</div> 

<script> 
function showImage() 
{ 
    return document.getElementById("someDiv").innerHTML = "<img src='http://ladiesloot.com/wp-content/uploads/2015/05/smiley-face-1-4-15.png' height='250' width='250' />"; 
} 
</script> 

Ссылка ниже показывает вам div с набором contenteditable собственности на true это означает, что пользователь может ввести.

Если вы нажмете div, он должен поместить изображение в div.

http://jsfiddle.net/05dLkuc0/