JSFiddle - React, Tailwind, and code Playground

HTML

<table><tr><td class="startmerge large edit_text" align="justify" id="td_source_1">
    <span id="span_source_1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi viverra nisl vel ante elementum luctus. Ut rhoncus turpis ac mi dapibus posuere. Donec quam ligula, volutpat sed venenatis vitae, mollis in felis. Donec ut egestas felis. Fusce laoreet mollis mauris, ac egestas elit laoreet vel. Aliquam et congue augue. Proin vel iaculis nunc. Sed sed diam vitae enim semper laoreet. Mauris congue convallis tortor non fermentum. Curabitur lobortis ligula sit amet dolor condimentum ac sollicitudin est mollis. Mauris scelerisque ornare nibh, eget cursus mi tincidunt eu. Nam varius bibendum justo, id dignissim eros euismod in.</span>
    <textarea class="edittextarea" id="ta_source_1"></textarea>
    <span id="backup_source_1"></span>
</td></tr></table>

JavaScript

var ID = 1;
$(".edit_text").dblclick(function(){
    console.log($("#span_source_"+ID).html());
    $("#ta_source_"+ID).html($("#span_source_"+ID).html());
});