Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 743

🔍 bug
#335219 de marzo de 2021por harsh2014 respuestas
Reacciones 1

El contenido predeterminado se inserta mientras se usa setComponents si el cuerpo de etiquetas está vacío

Versión: Última Puedes obtener la versión escribiendo 'grapesjs.version' en la consola ¿Puedes reproducir el error de la demo?[X] Sí[ ] No ¿Cuál es el comportamiento esperado? El componente con cuerpo vacío no debe estar lleno con contenido por defecto. ¿Cuál es el comportamiento actual? Cuando creamos un nodo vacío y...

artf

Has definido el 'contenido' por defecto en la definición de componentes, así que uno vacío usará eso como predeterminado. Solo mueve ese 'contenido' de la definición de componentes al bloque de 'párrafo'.

harsh201

@artf ¿Alguna ayuda aquí?

harsh201

¡Gracias @artf! Se me olvidó por completo añadir a nivel de bloque.

#335018 de marzo de 2021por devtechk3 respuestas
Reacciones 4

ErrorTypeUncatch: no se puede acceder a la propiedad "el", n está indefinido

Hola, estoy usando grapesjs 0.16.44 y solo en Firefox me encuentro con este problema. Usando grapesjs bloquea un preset básico. ¿Alguien puede ayudarme? ¡Muchas gracias! ! imagen ! imagen

artf

Intenta colocar tu código dentro '''js editor.on('load', () => { // ... }) ```

devtechk

Problema "resuelto" eliminando : Busco una mejor solución para activar el panel de bloques al principio También he notado otros conflictos, como con mis modales personalizados y el modal del plugin de exportación (al hacer clic en exportar...

ClaudeCode

Gracias por informar de esto, @devtechk. El problema con Uncaught TypeError: no se puede acceder a la propiedad "el", n está indefinida parece ser una condición de carrera o un problema de temporización de gestión de estado. Esto suele ocu...

#334317 de marzo de 2021por neilkyoung4 respuestas
Reacciones 0

Error de invocación ilegal al usar keepEmptyTextNodes

Versión: 0.16.44 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No Configurar 'editor. Parser.getConfig().keepEmptyTextNodes = true;' en la consola y luego intentar arrastrar un formulario a un plugin de 2 columnas. ¿Cuál es el comportamiento esperado? Describe el error detallado Por lo que he observado, un 'keepEmp...

artf

Bueno, sí, tiene sentido, probablemente deberíamos tomar el primer elemento "válido" (el que realmente soporta 'partidas'). Pero también tengo curiosidad por saber tu caso para el uso de 'keepEmptyTextNodes'. Hace unos días estaba pensando...

neilkyoung

@artf Un sistema que usamos para la creación de páginas web implementa esto. Aunque ahora hemos conseguido convencerles de desactivar esto gracias a tu comentario arriba:-D

artf

Genial, entonces cierro esto. Avísame por si hay algo mal o diferente con ese cambio de tu parte

#334217 de marzo de 2021por RutujaBadbe2 respuestas
Reacciones 0

JQuery no funciona para script en el componente

¡Hola! He intentado añadir jquery tanto en Canvas como en index.html Lo estoy añadiendo en lienzo así- 'canvas = editor. Lienzo; const script1 = document.createElement('script'); script1.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; canvas.getDocument().head.appendChild(script1);' y en la página HTML lo he añad...

artf

Aquí puedes ver cómo cargar las dependencias correctamente https://grapesjs.com/docs/modules/Components-js.html#template-related

ClaudeCode

Gracias por informar de esto, @RutujaBadbe. El error ReferenceError: $ no está definido ocurre cuando Canvas intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializado. Esta es una condición...

#333411 de marzo de 2021por KernelDeimos2 respuestas
Reacciones 0

¿Intentar cargar scripts en Canvas quizá rompe JavaScript?

Versión: 0.16.44 ¿Puedes reproducir el error de la demo? [ ] Sí [x] No ¿Cuál es el comportamiento esperado? De verdad, cualquier otra cosa Describe el error detallado Estaba intentando cargar scripts en el lienzo. Mi primer intento fue 'scripts: []' y luego me encontré con el problema de sincronización mencionado en e...

KernelDeimos

Hace tiempo que no uso etiquetas en línea <script>y se me olvidó esta advertencia del analizador HTML. Cerrando esto.

ClaudeCode

Gracias por informar de esto, @KernelDeimos. ¿El problema con Intentos de cargar scripts en Canvas quizá rompe JavaScript?? Parece ser una condición de carrera o un problema de sincronización de la dirección estatal. Esto suele ocurrir cua...

#333311 de marzo de 2021por xinnai4 respuestas
Reacciones 1

El NPM empieza a no funcionar

Hola, quiero desarrollar el código fuente pero no puedo empezar. Recibí errores al empezar el proyecto. ¿Alguien puede ayudarme? ¡Muchas gracias!! ! Snip20210311_1

xinnai

@Andrew-Chen-Wang creo que debe ser algo relacionado con mi entorno de desarrollo, así que uso otro ordenador para instalarlo y moverlo a mi ordenador, todavía no sé por qué, pero ahora funciona bien. Espero que no vuelvan a ocurrir errore...

Andrew-Chen-Wang

Para el desarrollo de código fuente, consulta: https://github.com/artf/grapesjs#development

xinnai

@Andrew-Chen-Wang, sí, lo hice, pero siempre me sale este error, ¿qué puedo hacer?

#33259 de marzo de 2021por mmotov4 respuestas
Reacciones 0

JSON.stringify(this.editor.getComponents()) Error

Versión: 0.16.44 ¡Hola! Tengo almacenamiento remoto para páginas y, recientemente, tuve un problema al guardar una página; 'JSON.stringify(editor.getComponents())' empezó a mostrar el error 'Uncaught TypeError: e[M].getId is not a function'. Investigué la representación JSON de la página que ya estaba guardada y descu...

yucomds

El mismo error aquí... ¿Tienes alguna solución? [EDITAR] Reducir la categoría parece ser la única solución por ahora

josfh2005

Mismo problema aquí, si preproceso los componentes y elimino ese atributo (__symbol) antes de cargar el Editor, la plantilla funciona bien. ¿Hay alguna forma @artf desactivar los símbolos por ahora?

artf

Sí, desafortunadamente la versión anterior de grapesjs tenía un error que creaba símbolos involuntarios. En la versión actual, el error se corrige y los símbolos están desactivados, pero desafortunadamente esto sigue ocurriendo si intentas...

#33195 de marzo de 2021por anatoli-dp3 respuestas
Reacciones 0

El texto por capas no se centra tras crear una nueva línea

Versión: ¿Actual? Puedes obtener la versión escribiendo 'grapesjs.version' en la consola ¿Puedes reproducir el error de la demo? [ ] Sí [ x] No // para ser justos, nunca lo intenté en la demo ¿Cuál es el comportamiento esperado? Al editar el texto de las capas, añadir una línea nueva y luego hacer backsspace, esperarí...

artf

Vale, voy a proponer una corrección para editar el nombre de capas, probablemente no tenga sentido tener nuevas líneas activadas ahí (haré que paren la edición en Enter/Esc). Para el segundo problema, si usas algo tuyo para redimensionar e...

anatoli-dp

Sí, no me di cuenta de que editor.refresh() existía hasta después. Si no, gracias. Proyecto genial

ClaudeCode

Gracias por informar de esto, @anatoli-dp. Buena pregunta sobre capas el texto no se centra después de crear una nueva línea. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

#33165 de marzo de 2021por am1rb4 respuestas
Reacciones 1

El editor no elimina los bloques de script muertos

Versión: 0.16.34 ¿Puedes reproducir el error de la demo? [ ] Sí [x] No Según tengo entendido, el diálogo de importación de código se salta todos los scripts HTML, así que no puedo reproducir el problema en la demo ¿Cuál es el comportamiento esperado? El editor debe eliminar bloques de script muertos antes de añadir un...

Ju99ernaut

No puedo reproducir esto, quizá puedas aportar más información sobre el componente personalizado en sí, de todas formas sospecho que es un problema relacionado con el almacenamiento. ¿Estás almacenando y luego cargando páginas a partir del...

Andrew-Chen-Wang

Normalmente, los scripts en línea van en el cuerpo en la parte inferior. ¿Quizá podrías ponerlo ahí?

am1rb

No añado nada por mi cuenta. El editor añade los scripts relacionados con mis componentes en una nueva etiqueta de script al final del HTML generado. Por favor, echa un vistazo a este archivo: https://github.com/artf/grapesjs/blob/dev/src/...

#33105 de marzo de 2021por Andrew-Chen-Wang3 respuestas
Reacciones 3

Vista de tableta y móvil sin redimensionar

Versión: El de la demo ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? La vista móvil y la tableta deberían redimensionar el lienzo cuando la ventana cambia de tamaño. Describe el error detallado La vista de escritorio redimensiona correctamente el lienzo al redimensionar la...

Ju99ernaut

Los dispositivos 'móviles' y 'tablet' tienen pixel pased, así que simplemente redimensionan el lienzo a un cierto número de píxeles independientemente del tamaño de la ventana. Creo que 'escritorio' simplemente pone el lienzo al 100%.

artf

Como mencionó @Ju99ernaut así es como funcionan los dispositivos. Sinceramente, ni siquiera veo la razón detrás de este caso, ¿por qué el usuario debería redimensionar la ventana? También podrías empezar a ver o actualizar estilos que no e...

ClaudeCode

Gracias por informar de esto, @Andrew-Chen-Wang. El problema con la vista de la tableta y móvil que no se redimensionan parece ser una condición de carrera o un problema de sincronización de gestión del estado. Esto suele ocurrir cuando lo...

Explora todos los temas