JSFiddle - React, Tailwind, and code Playground

by nonyck

HTML

<textarea cols="40" placeholder="Some Text" rows="20" autocomplete="off" class="autoresize" data-restored="true" style="overflow: hidden;"></textarea>

JavaScript

$('.autoresize').bind('paste', function(e) {
    e.preventDefault();
    var data = e.originalEvent.clipboardData.getData('text');
     if(data.match("http://.*?.(jpg|png|gif)")) {
       $('.autoresize').val($('.autoresize').val() + "<image src='" + data + "' >");
     } else { 
       $('.autoresize').val( $('.autoresize').val() + data);
     }
});