JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Para1">blabla</div>
<textarea id="editable" style="display:none" rows="10" cols="160"></textarea>

JavaScript

$("#Para1").click(function () {
    $('#editable').html($(this).html()).show().focus();
    $(this).hide();
    
    $("#editable").blur(function () {
        $('#Para1').html($(this).val()).show();
        $('#editable').hide();
    });
});