JSFiddle - React, Tailwind, and code Playground

HTML

<form style="width:500px;" method="post">

	Div contenteditable :
	<div class="textarea" contenteditable="true" onkeyup='copy_text_in_textarea(this);'></div>
	
	<br>Textarea :
	<textarea rows="2" class="textarea" id="textarea" name="textarea"></textarea>
	
</form>

CSS

.textarea{	
overflow: hidden;
resize: none;
width: 100%;
white-space: pre-line;
border: solid #cccccc 1px ;
height: 34px;
}

JavaScript

/*Function to reproduce div text in textarea :*/
function copy_text_in_textarea(this_contenteditable)
{		
		document.getElementById("textarea").value = this_contenteditable.textContent; 		
}