JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test" style="width:300px; height:200px;">
    testing
</div>

JavaScript

$("#test").live({
    dblclick: function() {
        $("#test").wrapInner("<textarea/>")
    },
    mouseleave: function() {
        $("#test > textarea").contents().unwrap()
    } 
});