Cómo cambiar el desplegable extra para el rasgo de cambio de enlace

Crea un rasgo personalizado: https://grapesjs.com/docs/modules/Traits.html

Hola @artf Si solo quiero cambiar el rasgo de la etiqueta href('<a'), ¿cómo puedo cambiar eso? Intenté como,

'''var domComps = editor. DomComponents; var dType = domComps.getType('default'); var dModel = dType.model; var dView = dType.view;

domComps.addType('a', { model: dModel.extend({ defaults: Object.assign({}, dModel.prototype.defaults, { Rasgos: [ Las cadenas se convierten automáticamente en tipos de texto { tipo: 'select', etiqueta: 'Href', Nombre: 'Href', Opciones: [ {valor: 'index.html', nombre: 'Hogar'}, {valor: 'index2.html', nombre: 'Home2'}, {valor: 'index3.html', nombre: 'Home3'}, {valor: 'index4.html', nombre: 'Home4'}, ] } ], }), }, { isComponent: function(el) { if(el.tagName == 'a'){ return {tipo: 'a'}; } }, }),

vista: dVista, });```

Pero esto es algo así como que no funciona. ¿Podríais ayudarme a ver en qué estoy fallando?

Y una pregunta más, ¿cómo puedo comprobar el tipo del elemento DOM seleccionado? Supongo que usará la función 'isComponent'. Pero no sé cómo usarlo ni dónde.