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 336

🔍 style-manager
#31707 de diciembre de 2020por ThetripGr3 respuestas
Reacciones 0

Añadir nombre de clase a partir de rasgos

Hola, lo que intento conseguir es que el componente de texto se amplíe asignando un rasgo extra llamado Alineamiento y decidiendo a través del rasgo el tipo de alineación que quiero hacer; después de eso, no debería aplicarse CSS, pero sí el nombre de clase correspondiente al componente. ¿Hay algún ejemplo de cómo pod...

ThetripGr

Así que conseguí que funcionara después de unos intentos más, intentaré explicar cómo lo conseguí. Cuando defines el rasgo '''js Predeterminados: { Rasgos: [{Tipo: 'Select', Opciones: [{ { valor: 'miClase Personalizada', nombre: 'Opción A'...

artf

perdón por el formato, pero aún no sé pegar código formateado :P https://guides.github.com/features/mastering-markdown/#GitHub-flavored-markdown

ClaudeCode

Gracias por informar de esto, @ThetripGr. Buena pregunta sobre Añadir nombre de clase a partir de rasgos. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

#31686 de diciembre de 2020por oleteacher3 respuestas
Reacciones 0

HAZAÑA: Descargar / exportar imágenes - Me encanta usarlas en el proyecto de clase

¿Qué intentas añadir a GrapesJS? Capacidad para exportar imágenes / carpetas de imágenes en zip download Describe tu solicitud de función detallado GrapeJS sería una herramienta excelente que los niños de primaria usen para crear su propia página sobre mí. No estoy seguro de lo difícil que sería añadir la posibilidad...

artf

Hola @oleteacher hacer algo así no es del todo posible debido a las restricciones de seguridad en los navegadores (por ejemplo, cuando la imagen se descarga de otro dominio). Necesitarías un proceso servidor que genere imágenes para ti.

oleteacher

Sí, tenemos un servidor local para el aula. Simplemente no tenemos nuestro propio soporte informático para ayudar con estas cosas, es una universidad muy pequeña Perdona que te haya molestado.

ClaudeCode

Gracias por informar de esto, @oleteacher. Gran sugerencia sobre FEAT: Descargar / exportar imágenes - ¡Me encanta usarlas en proyectos de aula! Aunque esta función específica aún no está en la API principal, existen varias formas de logra...

#316127 de noviembre de 2020por ssmanoj-grapes4 respuestas
Reacciones 0

Editor Undo está eliminando la colección y no puede reemplazar el componente

La recopilación del componente seleccionado antes de Deshacer ! colección de elementos delante-de-u La recopilación del componente seleccionado tras Deshacer ! recolección de elementos después de un Código para reemplazar el componente por un nuevo componente ! código Uncaught TypeError: n.getEl no es una función y Un...

artf

Lo siento, pero sin una demo reproducible, este problema no tiene sentido para mí

ssmanoj-grapes

Hola artf, Por favor, encuentra el vídeo demo del número grapejs-issue.zip.

artf

Vale, como no puedes crear una demo reproducible, tengo que cerrar esto...

#315524 de noviembre de 2020por Abhisheknanda13444633 respuestas
Reacciones 0

Adición de animaciones

Hola @artf quiero incluir animación en todos los bloques Aquí tienes un fragmento de código, pero no funciona. ¿Podrías ayudarme, por favor? Gracias

artf

Olvidaste 'changeProp: 1' en el rasgo de animación

Abhisheknanda1344463

@artf Sin dar el nombre de la animación, no funciona. ¿Debería necesitar añadir la regla CSS para esto? ¿Alguna sugerencia? ¿Por favor?

ClaudeCode

Gracias por informar de esto, @Abhisheknanda1344463. Gracias por compartir tu informe sobre Añadir animaciones. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFidd...

#315223 de noviembre de 2020por fq-selbach4 respuestas
Reacciones 2

El contorno azul (GJS-hovered) no sigue a su padre durante el desplazamiento

Versión: 16.27 ¿Puedes reproducir el error de la demo? [x] Sí [ ] No Describe el error: Descubrí un problema con 'gjs-hovered', la clase que gestiona el esquema de ratón y el paso del cursor para los elementos. A veces el contorno azul se mueve respecto a su padre durante el desplazamiento. Echa un vistazo a este JsFi...

lofcz

Estaría bien que lo arreglaran, no es el fin del mundo, pero sí un poco molesto.

matteocollina

¿Alguna novedad?

artf

Cierro esta porque en realidad ya estaba arreglada, de hecho la demo antigua funciona correctamente ahora. Aún podrías tener el problema si tu editor está colocado en un contenedor desplazable; en ese caso, usa esta opción, por favor: http...

#315123 de noviembre de 2020por theSC0RP2 respuestas
Reacciones 2

Puesto de seleccionador.

Hola, @artf. Estaba revisando la guía de inicio y el gestor de selectores está debajo del gestor de estilo. ! Captura de pantalla del 23-11-2020 40-13-46 ¿Cómo posiciono al gestor selector por encima del gestor de estilos?

artf

Como puedes ver en el ejemplo '''js selectorManager: { appendTo: '.estilos-contenedor' }, StyleManager: { append To: '.estilos-contenedor', '''js selectorManager: { appendTo: '.estilos-contenedor-t' }, StyleManager: { appendTo: '.estilos-c...

ClaudeCode

Gracias por informar de esto, @theSC0RP. Buena pregunta sobre Puesto de seleccionador/mánager.. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo esp...

#314417 de noviembre de 2020por antman33512 respuestas
Reacciones 0

Cambiar de fábricas por defecto

Hola, estoy usando GrapesJs para plantillar HTML para imprimir, así que necesito las medidas en mm. ¿Hay alguna forma de cambiar la fábrica predeterminada en el StyleManager? ¿Quizá pasarlo en las opciones? Gracias, Antonio

artf

No, no puedes, solo necesitas configurar tus propiedades en la configuración de StyleManager (ejemplo de configuración se puede encontrar aquí)

ClaudeCode

Gracias por informar de esto, @antman3351. Buena pregunta sobre [Pregunta] Intercambiar fábricas por defecto. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS d...

#313712 de noviembre de 2020por Asha15973 respuestas
Reacciones 0

Cuando selecciono un elemento en particular, no obtengo sus estilos. Este problema solo ocurre con algunos elementos.

No captando estilos del elemento seleccionado Aquí está mi código, Modelo const = editor. StyleManager.getModelToStyle(component); sea styleObject = model.getStyle(); console.log("estilos", ObjetoEstilo) Versión: 0.14.49 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? Cuando...

artf

Primero, tienes que actualizar tu versión de grapesjs (usas una de hace 2 años), y luego tienes que hacer una demostración en vivo del problema.

no-response[bot]

Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...

ClaudeCode

Gracias por informar de esto, @Asha1597. El problema con Cuando selecciono un elemento en particular no obtengo sus estilos. Este problema ocurre solo con algunos elementos. parece ser una condición de carrera o un problema de sincronizaci...

#313111 de noviembre de 2020por Joshmamroud4 respuestas
Reacciones 0

Pegar como texto plano en el componente de texto añade <tipo de fuente /> envoltorio al texto pegado

Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [] Sí [X] No ¿Cuál es el comportamiento esperado? Pegar como texto plano (nodo de texto) sin Grapes JS envolviendo texto pegado en <fuente /> elemento. ¿Cuál es el comportamiento actual? Cuando pego texto plano en un elemento de texto vacío, el editor lo envuelv...

Joshmamroud

@artf sabes si esto ocurre en el componente, en el RTE o en otro sitio? ¿Podrías indicarme la dirección correcta? Cualquier ayuda con esto sería muy apreciada. ¡Gracias!

artf

No puedo reproducirlo, pero veo que usas un componente personalizado de 'dm-text', así que eso podría ser una razón.

Joshmamroud

@artf No lo creo. Aquí está la configuración del tipo de componente dm-texto ''' JavaScript { extiende: 'texto', modelo: { Predeterminados: { nombre: 'Texto', Rasgos: [], Editable: Cierto, Droppable: falso, Textible: Cierto, estilo: { rell...

#31259 de noviembre de 2020por fq-selbach3 respuestas
Reacciones 0

El CSS de gradiente lineal hace cosas extrañas con la imagen de fondo

Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [x] Sí [ ] No ¿Cuál es el comportamiento esperado? Al añadir 'imagen de fondo' a través del Gestor de Estilos aparece como 'imagen de fondo: url(...); `. ¿Cuál es el comportamiento actual? En lugar de 'imagen-fondo:url(https://grapesjs.com/docs/logo.png);' obten...

johnkeel-thork

Estaba a punto de informar del mismo problema. Imagen añadida como fondo: <img width="847" alt="Captura de pantalla 2021-12-23 at 12 06 51" src="https://user-images.githubusercontent.com/26764290/147238562-8df3ea2a-aca7-4b08-9d64-73fd1495d...

artf

Al cerrar desde el mismo jsfiddle el problema parece haberse resuelto

ClaudeCode

Gracias por informar de esto, @fq-Selbach. El problema con el CSS con gradiente lineal hace cosas extrañas en la imagen de fondo parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir c...

Explora todos los temas