Donde encuentro un tutorial para esto:

[Jarkaos]

Bueno he agregado los botones y he creado una funcion para cancelar los cambios, pero...
al hacer click en el boton cancelar obtengo este error:

textarea.parentNode no esta definido

Que esta mal?:

Código Javascript:

function inPlaceEditor (editableElement) {
        editableElement.onclick = function() {
            //Getting the text from the p-element
            var text = editableElement.firstChild.nodeValue;
            
            // create and style the textarea element
            var textarea = document.createElement('textarea');
                textarea.setAttribute('cols', config.cols);
                textarea.setAttribute('rows', config.rows);
                textarea.style.width = "100%";
            
            // Create the text for the textarea (the same text saved from p-elemnt)
            var nyText = document.createTextNode(text);
            
            // Put all together
            textarea.appendChild(nyText);
            
            //Replace the p-element with the newly created textarea
            editableElement.parentNode.replaceChild(textarea, editableElement);
            
            //Creating and styling the buttons
            var editbutton = document.createElement('input');
                editbutton.setAttribute('type', 'button');
                editbutton.setAttribute('value', config.okButtonText);
                editbutton.setAttribute('onclick', 'edit();');
            
            var cancelbutton = document.createElement('input');
                cancelbutton.setAttribute('type', 'button');
                cancelbutton.setAttribute('value', config.cancelButtonText);
                cancelbutton.setAttribute('onClick', 'cancel();');
            
            //Setting the buttons on the page
            textarea.parentNode.insertBefore(cancelbutton, textarea.nextSibling);
            textarea.parentNode.insertBefore(editbutton, textarea.nextSibling);
            
        };
    };
    
    function cancel(){
        var textarea = document.getElementsByTagName('textarea');
        var text = textarea.value;
        var pElement = document.createElement('p');
            pElement.setAttribute('class', 'editable');
        var original = document.createTextNode(text);
        pElement.appendChild(original);
        
        textarea.parentNode.replaceChild(pElement, textarea);
    };