Issue #2317💬 RespondidoAbierto el 8 de octubre de 2019por suchiitsmeReacciones 0

Necesito una función para integrar la forma modal

Respuesta rápidapor jcarizza

Hola @suchiitsme creo que puedes implementar un tipo de componente.

Lee la respuesta completa abajo ↓

Pregunta

[SOLICITUDES DE REPORTAJES] Tengo que añadir bloque, que debería abrir un modal con campos de formulario. Según los datos del formulario seleccionados, tengo que generar una cadena html e insertarla en el editor. Y al hacer clic o doble clic del componente, el modal debería abrirse de nuevo con los detalles del formulario. ¿Cómo puedo hacer esto? Por favor, ayudadme.

Respuestas (3)

jcarizza11 de octubre de 2019

Hola @suchiitsme creo que puedes implementar un tipo de componente.

comps.addType('custom-form', {
      model: defaultModel.extend({
        Predeterminados: {
          ... defaultModel.prototype.defaults,
          removible: falso,
          arrastrable: falso,
          copiable: falso,
          Editable: Cierto,
          propagar: ["removible", "arrastrable", "copiable", "editable"]}
      }, {
        isComponent: function(el){
          resultado = "";
          if (el.tagName === "form" && el.getAttribute("class").toString().indexOf("customForm") > -1) {
            resultado = {tipo: "custom-form"}
          }
          resultado de retorno
        }
      }),
      view: defaultView.extend({
        Defaults: {... defaultView.prototype.defaults},
        eventos: {
          Haz clic: función(evento) {
              alerta ("Haz algo")
            }
          }
        }
      }),
    });
suchiitsme15 de octubre de 2019

Hola @suchiitsme creo que puedes implementar un tipo de componente.

comps.addType('custom-form', {
model: defaultModel.extend({
predeterminados: {
          ... defaultModel.prototype.defaults,
removible: falso,
arrastrable: falso,
copiable: falso,
editable: cierto,
propagar: ["removible", "arrastrable", "copiable", "editable"]}
      }, {
isComponent: function(el){
resultado = "";
si (el.tagName === "form" && el.getAttribute("class").toString().indexOf("customForm") > -1) {
resultado = {type: "custom-form"}
          }
resultado de la devolución
        }
      }),
view: defaultView.extend({
por defecto: {... defaultView.prototype.defaults},
eventos: {
clic: function(event) {
alerta ("Haz cualquier cosa")
            }
          }
        }
      }),
    });

Gracias. ¡Lo probaré!

suchiitsme16 de octubre de 2019

Hola ¿Cómo vinculo esto a bloquear?

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.