Cómo añadir un botón dentro del modal por defecto y capturar su evento de clic

Quiero un formulario dentro de un modal (usando el modal por defecto), al hacer clic en el botón de enviar hacer una llamada ajax. He creado un nuevo componente que activa un modal al arrastrar y soltar.

Puedo insertar el formulario en el modal

Se ve así:

pero no sé cómo rastrear el clic del botón de enviar. Probé a escribir OnSubmit() en un script y lo añadí al contenido modal, pero no funciona.

'const domc = editor. DomComponents;
  const defaultType = domc.getType('default');
domc.addType("test-type", {
    model: defaultModel.extend(
      {
        defaults: Object.assign({}, defaultModel.prototype.defaults, {
          Tipo: "Tipo de prueba",
          id:"popup",
          droppable: falso,
          redimensionable: Cierto,
          etiquetaNombre: "popup",
        }),
        getAttrToHTML: function() {
          var attr = defaultType.model.prototype.getAttrToHTML.apply(this, arguments);
          eliminar attr.onmousedown;
          var testmarker = this.get("testmarker");
          if (testmarker)
            attr.testmarker = testmarker;
          regresar la atracción;
        }
      }),
    view: defaultType.view.extend({
      etiquetaNombre: "botón",
      eventos: {
        "dblclick": "openModal",
      },
      inicialize: function(o) {
        defaultType.view.prototype.initialize.apply(esto, argumentos);
        this.listenTo(this.model, "change:testmarker", this.updateMarker);
        this.listenTo(this.model, "dblclick active", this.openModal);
      },
      
updateMarker: function() {
        var testmarker = this.model.get("testmarker");
        this.$el.attr("testmarker", testmarker);
      },

openModal: function(e) {
        const modal = editor. modal;
        modal.open({
          título: '<br>Crear identidad<br>',
          Contenido: '
          <div class="container"> 
          <br>
              <form onsubmit="formSubmit()">
              <div class="form-group">
              <label>URL</label>
               <input type="text" class="form-control" id="url" placeholder="http://test-data/" name="url">
              </div>
              <br>
              <div class="form-group">
              <label>Identidad </label>
               <input type="text" class="form-control" id="address" placeholder="Introduce Identity Address" name="address">
              </div>
              <br>
              <tipo de botón="enviar" clase="btn btn-danger">Enviar</button>
              </form>
              <br>
              ',</div>
        });
      },
    })
  });`

¿Es correcto mi enfoque? ¿Debería hacerlo de otra manera?