Эмодзи в текстовое с помощью JavaScript
Я пытался вставить Emojis в текстовую область, но это не сработало. Смайлики не отображались.
<span class="text">',params.text.replace(/:(\w+):/g,'<img src="emo/emojis/smile.png" alt="smile"/>'),'</span>
Что может быть причиной этого?
Спасибо за помощь
Решение
Простая текстовая область не может отображать изображения, так как она предназначена только для хранения простого текста, используйте 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,
Другие решения
Других решений пока нет …
detector