Tipo personalizado no reconocido en la importación

Hola,

Consigo crear un nuevo tipo que contiene una imagen clickable. Pero, desafortunadamente, el nuevo tipo personalizado no es reconocido por el analizador HTML al importar.

Aquí está mi nuevo código fuente tipo:

'Editor. DomComponents.addType('imagelink', {

isComponent: el => {
                    if (el.tagName === 'DIV' && (typeof el.classList !== 'undefined' && el.classList.contains('imagelink-class'))) {
                      return { type: 'imagelink' };
                    }
                },
                modelo: {
                    Predeterminados: { 
                       etiquetaNombre: 'div',
                        redimensionable: {keepAutoHeight: true},
                        Atributos: {clase: 'Clase Enlace Imagen', "Tipo de Datos": "Enlace Imagen"},
                        Droppable: falso,
                        Rasgos: [
                            { 
                                tipo: 'href', etiqueta: 'Fuente', nombre: 'href'
                            },
                            {
                                tipo: 'select',
                                etiqueta: 'Target',
                                Nombre: 'Objetivo',
                                Opciones: [
                                  { valor: '', nombre: 'Esta ventana' },
                                  { valor: '_blank', nombre: 'Nueva ventana' }
                                ]
                            }
                        ],
                        Componentes: [
                            {
                                redimensionable: falso,
                                arrastrable: falso,
                                Droppable: falso,
                                seleccionable: false,
                                Hoverable: falso,
                                Tipo: 'Enlace',
                                componentes: [{
                                    tipo: 'imagen',
                                    atributos: {
                                        src: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR U0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImZpbGw6IHJnEoMCwwLDAsMC4xNSk7IHRyYW5zZm9ybTogc2NhbGUoMC43NSkiPgogICAgICAgIDxwYXRoOMC43NSkiPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTMuNWwyLjUgMyAzLjUtNC41IDQuNSA2SDVtMTYgMVY1YTIgMiAwIDAgMC0yLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMnoiPjwvcGF0aD4KICAgICAgPC9zdmc+',
                                        estilo:'ancho:100%;'
                                    },
                                    redimensionable: falso,
                                    arrastrable: falso,
                                    Droppable: falso,
                                    Hoverable: falso,
                                    seleccionable: false,
                                }]
                            }
                        ]
                    },
                    init() {
                      this.on('change:attributes:href', this.handleHrefChange);
                      this.on('change:atributos:objetivo', this.handleTargetChange);
                    },
                    handleHrefChange: función ( componente, valor ) {
                        eliminar component.attributes.attributes.href;
                        eliminar component.atributos.atributos.objetivo;
                        component.atributos.componentes.modelos[0].atributos.atributos.href = valor;
                        return false;
                    },
                    handleTargetChange: función ( componente, valor ) {
                        eliminar component.attributes.attributes.href;
                        eliminar component.atributos.atributos.objetivo;
                        componentes.atributos.modelos[0].atributos.atributos.target = valor;
                        return false;
                    },
                },
            });`

Preciso la definición del nuevo tipo que se incluye en un plugin, que se pasa en la inicialización del editor: 

var editor = grapesjs.init({
....
Plugins: [myplugin];
...
}

Intenté usar el parámetro isComponent para hacerlo, la condición es buena, pero el plugin renderiza todos los componentes del dom por separado ('<img>' y '<a>') en lugar del tipo "imagelink". Así que cuando hago clic en la imagen, no puedo cambiar los rasgos definidos en mi tipo.

Creo que me estoy perdiendo algunos puntos, pero no consigo entenderlo... ¿Podrías decirme qué te pasa?

Sé que es posible, por ejemplo el plugin 'gjs-social' y su tipo 'Social-link-block' funcionan perfectamente...

Un cordial