Cómo añadir 2 columnas en blockmanager en grapesjs

Hola, soy nuevo en Grapejs y uso Grapejs con Angular6 He visto Demo de uvapesjs en .

Quiero crear 2 columnas en BlockManager como se menciona abajo, la instantánea marcada con color rojo ! 22

Quiero añadir 2 columnas en BlockManager y cuando suelte esa columna en Canvas debería aparecer como se ve la instantánea de arriba.

Estoy usando el siguiente código para hacer el mismo código que copié de https://github.com/artf/grapesjs/wiki/Blocks

'''this.editor = grapesjs.init({ BlockManager:{

})```

''' Sea bm = editor. Jefe de bloque; bm.add('the-row-block', { categoría: 'Básico', etiqueta: '2 Columnas', contenido: '<div class="row" data-gjs-droppable=".row-cell" data-gjs-custom-name="Row">' + '<div class="row-cell" data-gjs-draggable=".row"></div>' + '<div class="row-cell" data-gjs-draggable=".row"></div>' + '</div>',

});

y la salida de mi código está en la pantalla de abajo

! [23](https://user-images.githubusercontent.com/32187513/46868474-0e6f2e00-ce46-11e8-87c4-20935f590abd.png)

Como puedes ver en la instantánea anterior, hay un componente en el lado derecho de la pantalla en el que se muestra el componente de 2 columnas marcado con ractangle de color rojo
**El problema es que cuando suelto ese componente de 2 columnas en el lienzo, no aparece en el lienzo** 

¿Alguien puede resolver mi problema?
Por favor, ayudadme lo antes posible