Rasgos personalizados que no aparecen

Estoy intentando crear rasgos personalizados siguiendo las pautas de Grapesjs Trait manager, y he pasado por problemas anteriores pero los rasgos no aparecen.

Resultado esperado: rasgos personalizados como los de abajo que aparezcan. Resultado real: aparecen rasgos predeterminados como id y título.

Actualmente, estoy usando el código de ejemplo del sitio web de trait manager para probar como se muestra a continuación. '''js editor. DomComponents.addType('count', { modelo: { Predeterminados: { Rasgos: [ Las cadenas se convierten automáticamente en tipos de texto 'name', // Igual que: { type: 'text', name: 'name' } 'marcador de posición', { tipo: 'select', // Tipo del rasgo etiqueta: 'Type', // La etiqueta que verás en Configuración nombre: 'type', // El nombre del atributo/propiedad que se debe usar en el componente Opciones: [ { id: 'texto', nombre: 'Texto'}, { id: 'email', nombre: 'Email'}, { id: 'contraseña', nombre: 'Contraseña'}, { id: 'número', nombre: 'Número'}, ] }, { Tipo: 'Casilla de verificación', Nombre: 'Required', }], Como por defecto, los rasgos están ligados a los atributos, así que para definir Su valor inicial podemos usar atributos atributos: { tipo: 'texto', requerido: verdadero }, }, }, });

editor. BlockManager.add( 'count', { etiqueta: 'count', categoría: 'Extra', Contenido: '<div id="customdiv"></div>', Atributos: {Clase:'FA FA-CLOCK-O'}, });

Gracias de antemano por vuestra ayuda. Por favor, avisadme si necesito dar más información.