Edition en ligne a la Google page creator

Voila Bonjour, je suis en train de me prendre la tete sur l'edition en ligne, mon but final serai de faire un peu comme dans google page creator, l'edition de certaine zone de ma page, pour cela ben j'utilise PROTOTYPE.js pour me simplifier un peu la vie et puis par la suite pour utiliser en les function AJAX dont elle dispose.

bon donc jusqu'a mnt je cherche a cacher mon textarea puisqu'a premierre vue il est impossible de lui faire rendre du HTML??
Mais j'en suis pas certain?

donc en l'absence de reponse, j'ai continuer en procedant ainsi:

Event.observe(window, 'load', init, false);
function init()
{
	zone_editable('contenu');
}

function zone_editable(id)
{
	Event.observe(id, 'click', function(){edition($(id))}, false);
}
function edition(obj)
{
var textarea = '<div id="'+obj.id+'_div"><textarea id="'+obj.id+'_editeur" name="'+obj.id+'">'+obj.innerHTML+'</textarea></div>';
new Insertion.Before(obj, textarea);	
$(obj.id+'_editeur').focus();
Event.observe($(obj.id+'_editeur'), 'keydown', function(){update_t(obj)}, false);
}
function update_t(obj){
var html =  $F(obj.id+'_editeur');
Element.update($(obj), html);
}

Voila donc jusqu'ici tous va bien mais bon ce textarea qui traine m'enuie un peu alors je me demandais comment je pouvais faire pour le cacher?