Problema con tiny_mce y Campos Dinamicos

[msbr]

Soy programador PHP y hace poco que estoy con Javascript por lo que no puedo identificar el error.

Tengo que crear un formulario con campos dinamicos. (Que puedan agregar o quitar campos los campos segun la persona).

Pero en estos campos se tiene que poder incluir formato, imagenes, etc...

Por eso use el tiny_mce (un editor WYSIWYG) para crear TEXTAREA que pemiten ingresar textos con formatos.

Luego intente crear con Javascript mas de esos campos de forma dinamica.

Los agrega bien, pero estos campos ya no tienen el editor WYSIWYG.

Aqui hay una demo de lo que digo:
maurobernal.com.ar/varios/editor.html

Basicamente cada campo tendría que tener este codigo para que funcione con el editor:

Código HTML:

<textarea id="campo1" name="campo1" rows="10" cols="25"></textarea> 

Este es el script que use para agregar los campos:

Código:

// Agregar Campos
var indiceFilaFormulario=1;
function addcamp(){
 myNewRow = document.getElementById("tabla").insertRow(-1);
 myNewRow.id=indiceFilaFormulario;
 myNewCell=myNewRow.insertCell(-1);
  myNewCell.innerHTML="<td><textarea id='col1["+indiceFilaFormulario+"]' name='col1["+indiceFilaFormulario+"]' rows='10' cols='25'>sdfsd</textarea></td>";
 myNewCell=myNewRow.insertCell(-1);
 
   myNewCell.innerHTML="<td><textarea id='col2["+indiceFilaFormulario+"]' name='col2["+indiceFilaFormulario+"]' rows='10' cols='25'>sdfsdf</textarea></td>";
 myNewCell=myNewRow.insertCell(-1);
 
  myNewCell.innerHTML="<td><textarea id='col3["+indiceFilaFormulario+"]' name='col3["+indiceFilaFormulario+"]' rows='10' cols='25'>sdfsdf</textarea></td>";
 myNewCell=myNewRow.insertCell(-1);
 
 myNewCell.innerHTML="<td><input type='button'  value='Eliminar' onclick='remove(this)'></td>";
 indiceFilaFormulario++;
 
}
 
function remove(obj){
 var oTr = obj;
 while(oTr.nodeName.toLowerCase()!='tr'){
  oTr=oTr.parentNode;
 }
 var root = oTr.parentNode;
 root.removeChild(oTr);
}

Desde ya muchas gracias.