¿Es posible guardar el encabezado, el pie de página y el cuerpo por separado para varias páginas?

Esto es lo que estoy pensando:

const html = $(editor.getHtml()); encabezado const = html.find("encabezado").html(); const footer = html.find("footer").html();

Pero no me gusta que esté usando jQuery :/.... ¿Alguna solución a esto?

No estoy seguro de que sea buena idea separarlos de esa manera. Probablemente el mejor enfoque sería tener algo como "Symbols" para mantener los componentes sincronizados, pero aún no está implementado en GrapesJS. Por ahora, te sugeriría trabajar en esos componentes (encabezado/pie de página) por separado y añadirlos más adelante en tus páginas (algo como https://github.com/artf/grapesjs/issues/2061#issuecomment-501476210 o https://jsfiddle.net/5vcc3en6/).