Donde encuentro un tutorial para esto:

[Jarkaos]

Mmmm....

He hecho un cambio:

Código Javascript:

function inPlaceEditor (editableElement) {
        editableElement.onclick = function() {
            var text = editableElement.firstChild.nodeValue;
            var textarea = document.createElement('textarea');
            var nyText = document.createTextNode(text);
            editableElement.parentNode.removeChild(editableElement);
            
            var parent = document.getElementById("content");
            
            parent.appendChild(textarea);
            
            return false;
        };
    };
 

Lo que ahora sucede es que el p-tag desaparece y se crea el textarea, el problema es que el textarea se crea al final de la pagina en vez del mismo lugar donde estaba el p-tag y ademas no obtengo el texto que estaba en el p-tag.