Issue #2873💬 RespondidoAbierto el 3 de julio de 2020por RJCAMReacciones 3

Algunos componentes de formulario no funcionan bien con el plugin Preset Webpage

Respuesta rápidapor artf1

Ah, vale, ahora lo entiendo. Sí, el plugin de formularios evita cierto comportamiento de entrada por defecto, así que es lo que se ha hecho lo intencionado. Estoy de acuerdo en que en el modo de vista previa esos comportamientos podrían reactivarse, pero creo que esa parte podría integrarse como un plugin (por ejemplo...

Lee la respuesta completa abajo ↓

Pregunta

Hola, he notado que algunos componentes de formulario (como casilla de verificación, radio y select) no funcionan cuando GJS se inicializa con el plugin Preset Webpage, como en el ejemplo siguiente: También puedes confirmar este problema con la Demo de la página web en línea https://grapesjs.com/demo.html

Comportamiento esperado: puede seleccionarlos todos normalmente (solo en modo previsualización) ! gif1

Comportamiento actual: no se puede seleccionar nada (ni siquiera en modo previsualización) ! GIF2

Por cierto: cuando hago clic en select muestra las opciones lejos de su padre (en el primer gif), pero esto se debe a este gif al grabarlo porque en realidad aparece justo debajo de select como el comportamiento normal, así que simplemente ignóralo.

Respuestas (3)

artf14 de julio de 2020

Ah, vale, ahora lo entiendo. Sí, el plugin de formularios evita cierto comportamiento de entrada por defecto, así que es lo que se ha hecho lo intencionado. Estoy de acuerdo en que en el modo de vista previa esos comportamientos podrían reactivarse, pero creo que esa parte podría integrarse como un plugin (por ejemplo, usando oyentes de eventos en el comando de previsualización).

RJCAM14 de julio de 2020

Hum... vale, lo intentaré, gracias por la ayuda :+1:

artf21 de julio de 2020

Después de reconstruir el plugin, el comportamiento funciona como se esperaba, así que el problema se resolvió.

¿Quizá haya una razón por la que he hecho eso? 😅

Mediante un plugin, puedes simplemente extender esos componentes y sobrescribir la función 'handleClick' con tu lógica, donde solo lo impides si el editor no está en la vista previa ('editor. Commands.isActive('preview')')

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.