Añadir filas y secciones que no funcionan

Estoy integrando Grapejs con Angular6. Pero no funciona significa que no aparece en bloques Estoy usando el siguiente código

 editor = grapesjs.init({
      autorender: 0,
      Contenedor: '#gjs',
      componentes: '<div class="txt-red"></div>',
      Estilo: '.txt-rojo{color: rojo}',

}) 
Sea bm = editor. BlockManager
bm.add('the-row-block', {
  etiqueta: '2 Columnas',
categoría:'Básico',
  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>',
});