Pregunta de encuadernación con clic

Hola a todos, soy nuevo en todo esto y he estado revisando la documentación, pero todavía no entiendo cómo asignar el evento de clic. Tengo 2 archivos, el primero es '''js var editor = grapesjs.init({ autorender: 0, contenedor: '#gjs', componentes: '<input type="password" class="hello"/> <button handleClick> hola </button>', //primer intento componentes: '<input type="password" ondblclick="dbclick"/> <button handleClick> hola </button>', //segundo attempt Estilo: '.txt-rojo{color: rojo}', });

y el segundo archivo es
'''js
VAR Comps = Editor. DomComponents;
var defaultType = comps.getType('default');
var defaultModel = defaultType.model;
var defaultView = defaultType.view;

var inputTypes = [
  {valor: 'texto', nombre: 'Texto'},
  {valor: 'correo electrónico', nombre: 'Correo electrónico'},
  {valor: 'contraseña', nombre: 'Contraseña'},
  {valor: 'número', nombre: 'Número'},
];

comps.addType('input', {
  model: defaultModel.extend({
    defaults: Object.assign({}, defaultModel.prototype.defaults, {
      arrastrable: 'forma, forma *',
      Droppable: falso,
      Rasgos: ['Nombre', 'Sustituto', {
          tipo: 'select',
          etiqueta: 'Tipo',
          Nombre: 'Tipo',
          opciones: inputTypes,
        },{
          Tipo: 'Casilla de verificación',
          etiqueta: 'Obligatorio',
          Nombre: 'Required',
      }],
    }),
  },
  {
    isComponent: function(el) {
      if(el.tagName == 'INPUT'){
        return {type: 'input'};
      }
    },
  }),
  view: defaultType.view.extend({
    eventos: {
      clic: 'handleClick',
      dblclick .hello: function(){ //esto no funciona error inesperado de token
      función dblick() // esto tampoco parecía funcionar
        alerta ('¡Hola!');
      }
    },
    randomHex: función() {
      return '#' + Math.floor(Math.random()*16777216).toString(16);
    },
    handleClick: function(e) {
      this.model.set('style', {color: this.randomHex()}); <- Afecta al código HTML final
      this.el.style.backgroundColor = this.randomHex(); <- No afecta al código HTML final
    },
    render: función () {
      defaultType.view.prototype.render.apply(esto, argumentos);
      this.el.placeholder = 'Texto aquí'; <- No afecta al código HTML final
      devuelvo esto;
    },
  }),
});

editor.render();

¿Alguien tiene un ejemplo de binding?