Textarea - смайлики

[Samsam]

Можно ли осуществить каким нибудь образом вставку смайликов в textarea в виде картинок а не текста. Допустим так как в ВК. Или это только в блоке с contentEditable возможно ?

[рони]

Можно ли

нет

contentEditable

да

[Samsam]

спасибо. Подскажите пожалуйста каким путём можно форматировать текст в contentEditable. Что бы не выходили стили вставляемого текста либо перетаскиваемого.
Вот так я форматирую текст если его вставляют после копирования.
а как быть если текст перетаскивают ?

<div contentEditable></div>

function onPaste(e){
  var content;
  e.preventDefault();

  if( e.clipboardData ){
    content = e.clipboardData.getData('text/plain');
    document.execCommand('insertText', false, content);
    return false;
  }
  else if( window.clipboardData ){
    content = window.clipboardData.getData('Text');
    if (window.getSelection)
      window.getSelection().getRangeAt(0).insertNode( document.createTextNode(content) );
  }
}


document.querySelector('[contenteditable]').addEventListener('paste', onPaste);

[рони]

Samsam,

.addEventListener('input', onPaste);

[Samsam]

к сожалению такой вариант не работает. так как я понимаю в этой функции он форматирует clipboardData то что в буфере