Soportar diseños de renderizado que no forman parte del contenido editable

Básicamente, mi caso de uso es que quiero mostrar toda una página —con cabecera, menú(s) y pie de página— en el lienzo del editor, pero solo permitir que el usuario edite el contenido real. La razón detrás de esto es que los usuarios puedan ver la página lo más cerca posible del "producto final".

He conseguido algo así renderizando la página completa en el envoltorio, usando la opción 'fromElement' y cuidando de poner 'resaltado', 'badgable' y todos los demás atributos similares en 'false' en los elementos del diseño, pero aún así no es lo ideal porque:

1. El nodo raíz en el "Gestor de capas" sigue siendo el cuerpo, que entonces no es expandible ya que los elementos directamente debajo de él se marcan como no capazables. Lo que busco aquí es que la raíz del Gestor de Capas sea el elemento "contenido".

2. Al ver/exportar código, se muestra el código de toda la página. Lo que busco es que solo aparezca el código relacionado con el elemento "contenido".

@artf ¿Es algo que tenga sentido como funcionalidad? Estoy listo para empezar a trabajar en una imagen personal para ello. ¿Debería implementarse esto como una opción que especifique un selector css para el elemento que debería ser la "parte realmente editable"? Si es así, ¿cómo debería llamarse la opción? ¿'rootNode', 'subcontenedor', 'envoltorio', 'subenvolviente', 'elementoContent', 'envoltorioContenido'? O, si no es una opción de configuración, entonces podría haber un comportamiento por defecto documentado. Por ejemplo: si uno de los elementos del contenido html inicial (al usar 'fromElement') tiene un id de, por ejemplo, 'gjs-root-node', entonces se aplica el comportamiento descrito anteriormente en consecuencia. ¿Qué opináis?