in linea di massima fai così:

hai un paragrafo del tipo <p id="testo">...</p>

1) recuperi il testo e lo salvi in una variabile
var txt = document.geElementById('testo').innerHTML;

2) Crei una textarea e lo appendi ad un elemento
var n_textarea = document.createNode('textarea');
n_textarea.style.id = "modificatesto";
n_textarea.value = txt;
<elementopadre>.appendChild(n_textarea);

nel contempo elimini il paragrafo tramite .removeNode

3) sfrutti l'id della textarea così creata per applicare un foglio di stile tramite id=mdoficatesto e posizionarla dove ti serve

4) analogamente al punto 2 crei il form in cui appendi la textarea e gli input necessari per inviare il form