JSFiddle - React, Tailwind, and code Playground

by Blake Plumb

HTML

<div id="container"><p>Copy and paste me.</p></div>

CSS

#container{
    width: 100%;
    height: 100%;      
}

.editable1, .editable2{
   border: 1px solid red;
   width: 75%;
   height: 100px;    
}

JavaScript

$('.editable1').live('paste', function(){
    alert('you pasted');
});
                             
$('.editable2').on('paste', function(){
    alert('you pasted');
});

$('#container').append('<div class="editable1" contenteditable="true"></div>');

$('#container').append('<div class="editable2" contenteditable="true"></div>');