Solución alternativa para la especificación de la rejilla CSS

El editor lo acepta pero anula el área de la cuadrícula (elementos de la cuadrícula, incluidos elementos flexibles) y la plantilla de cuadrícula-área (envolvente principal de la cuadrícula); la solución alternativa es convertir todos: 
área de plantilla y área de cuadrícula a columna de cuadrícula y fila de cuadrícula
(usando líneas con nombre )
Al hacerlo, funcionará, por ejemplo, en la siguiente cuadrícula de 3 x 3 (3 columnas por 3 filas):

Si añades, mediante el plugin de importación/edición, lo siguiente: 
.mainGrid { display:grid; plantilla-cuadrícula-columnas: [col11start] 1fr [col2start] 2fr [col3start] 0.5fr [col3end];
                 Plantilla-cuadrícula-filas: [Fila1Inicio] Auto [Fila2Inicio] Auto [Fila3Inicio] Auto [Fila3Final];
                 cuadrícula-plantilla-áreas "cabeceraÁrea encabezadoÁrea logoÁrea"
                                                "navArea contentAreaAreaAreaAreaArea"
                                                "adicionalSlotArea pieÁreaÁreaPieÁreaPie"}
.griditems {display: flex;}
.header { grid-area: headerArea; } .content {grid-area:contentArea;}
.logo {área-rejilla: áreaLogo; } .pie {área-rejilla: áreaDepiés;} .slot {área-rejilla:áreaRanuraAdicional;}

Esto funciona bien en la mayoría de los navegadores... Pero si lo importas a través del plugin mencionado arriba, se anula 
todas las propiedades relacionadas con la superficie; La solución es reemplazar el área por cuadrícula, columna o fila, 
Así que el ejemplo anterior sería lo siguiente: 
.logo { grid-column: col1start; grid-row: row1start; } 
.footer {grid-column: col2start / col3end ; grid-row: row3start; }
.slot {grid-column: col1start ; fila de cuadrícula:fila3inicio;
.contenido {grid-column: col2start / col3end ; grid-row:row2start ; }
( y eliminar la propiedad grid-template-areas: de la clase principal de elemento grid ).
Haciendo la conversión anterior podrás conservar todo el formato. 

Sería bueno entender por qué anula, ya que sería aún mejor poder usar áreas de cuadrícula en plantillas dinámicas. ¿Alguien lo sabe? 

Gracias por GrapesJS, no sé cómo clasificar este problema o solución alternativa.
Saludos,