La actualización de página impide que haga clic en importar
Gracias @artf he encontrado la solución, por favor revisad la siguiente solución si alguien la necesita Sol:
Lee la respuesta completa abajo ↓Pregunta
Versión: 0.15.9
¿Puedes reproducir el error de la demo? Sí
¿Cuál es el comportamiento esperado? No actualices la página después de hacer clic en importar buttion
Describe el error detallado He incluido este componente (uvapesjs) en forma B. En el que tenemos una opción de importación, así que he hecho clic en ese botón, se actualiza toda la página añadiendo parámetros de consulta URL como seguir
<b-form> <grapesjs></grapesjs> </b-form>Parámetros de consulta URL: http://localhost:8080/'**?text-align=left&text-decoration=none&font-style=normal&border-collapse=separate**'#/examples/form
¿Cuál es el comportamiento actual? Se actualiza toda la página después de hacer clic en el botón de importación
Describe el error detallado
Actualizando toda la página cuando hago clic en el botón de importar
¿Puedes adjuntar capturas de pantalla, capturas de pantalla o una demo en directo?
Sí https://drive.google.com/file/d/1FsRxtize5UL1XLic_7F6S3CO91_ctauh/view
¿Podrías ayudar a alguien a resolver esto?
Gracias
Respuestas (3)
Gracias @artf he encontrado la solución, por favor revisad la siguiente solución si alguien la necesita Sol:
md.getModel().on("change:open", función () {
Tu lógica
});
Probablemente envíe la página porque el botón de importación no tiene 'type="button', así que actúa como 'type="submit"' dentro de un elemento de formulario
@artf lo sé, pero ¿cómo puedo añadir un tipo para el botón de importación?
Nota: sé cómo sumar dinámicamente usando js. Sin eso, cualquier otra solución en uvas
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3295
ERROR (v0.16.41): Componente de botón con propiedad arrastrable no funciona correctamente
Versión: v0.16.41 ¿Puedes reproducir el error de la demo? [ ] Sí [ ] No ¿Cuál es el comportamiento esperado? Cuando tenemos un botón con la...
Issue #3134
Desplázate en el lienzo hasta la parte superior de la página cuando intento arrastrar un elemento de las últimas secciones
Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? Cuando intento arrastrar un com...
Issue #3731
El elemento de texto no puede seleccionarse dos veces después de extenderse con eventos
Versión: 0.17.25 ¿Puedes reproducir el error de la demo?[ ] Sí[x] No ¿Cuál es el comportamiento esperado? Actualiza un componente existente...
Issue #3305
(v0.16.41) Botón no activado al hacer clic
Versión: v0.16.41 ¿Puedes reproducir el error de la demo? [ ] Sí [x] No ¿Cuál es el comportamiento esperado? Cuando hago clic en un botón,...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.