¡Gracias uamistad!
Me estás haciendo una buena promoción de una página que me encanta, y creo que es hora de empezar a comentarla mejor... seguro que me echarás una mano.
Bueno, en principio te comento la parte superior...
donde pone elemento actual se muestra la ruta "por etapas" del elemento destripado (cuyas tripas se muestran en el textarea)... y cada una de esas etapas se pueden pinchar como un atajo a un objeto de orden superior (en la estructura de árbol)
La línea siguiente son un botón directo al padre del objeto actual, y un select con los hijos objetos (destriplables) seguido de información válida para nodos del tipo "NODO" (suelen ser tags)
Abajo se muestran los atributos (tripas), que no creo que necesite comentarios...
En probar código se puede poner por ejemplo alert("hola")
... pero tiene mucho más interés si se crean nuevos objetos...
Se pueden poner por ejemplo estas líneas:
nuevoTag = document.createElement("div")
ir...
nuevoTag.appendChild(document.createTextNode("hola "))
ir...
document.body.appendChild(nuevoTag)
ir...
(ir... significa pinchar el botón)
Bueno, dejo el resto para otro momento, porque no recuerdo bien como funciona...
Saludos