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 231

🔍 general
#363018 de julio de 2021por sanchit36Respuesta 1
Reacciones 0

Quiero restringir el tipo de imagen para que solo se descarte en columna.

Oye, @artf espero que estés bien y gracias por un proyecto tan bueno. Así que estoy intentando que ese tipo de imagen solo se coloque en un tipo de bloque específico.

ClaudeCode

Gracias por informar de esto, @sanchit36. Excelente pregunta sobre [Pregunta] Quiero restringir el tipo de imagen para que solo se elimine en columna.. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: C...

#362315 de julio de 2021por simxn12 respuestas
Reacciones 7

"/" en las clases cambiando a "-"

Versión: ^0.17.19 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No ¿Cuál es el comportamiento esperado? Esperaría que la clase se mantuviera exactamente igual que como la nombré. Describe el error detallado Cuando añades una clase que contiene un carácter con barra "/", en el DOM, el carácter barra cambia a un guio...

notauserx

Yo también me enfrenté al mismo problema. Tras investigar la fuente, descubrí que esto se debe a https://github.com/artf/grapesjs/blob/8b423fdf093865a6bf55dc8285030ce99c111d6d/src/selectormanager/model/Selector.js#L123 Basado en https://gi...

ClaudeCode

Gracias por informar de esto, @simxn1. El problema con "/" en las clases que cambia a "-" parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de lo...

#362013 de julio de 2021por jamesshin54 respuestas
Reacciones 0

SetComponent() codifica cualquier cosa en <script> etiquetas

Al cargar en HTML a través de setComponent, las comillas se convierten en """ y los de menos que los signos en "<". ¡Cualquier ayuda sería muy agradecida!

artf

Gracias @jamesshin5 eso se corregirá en la próxima versión.

jamesshin5

¡Muchas gracias por esto! ¿Cuándo crees que será el próximo lanzamiento? He intentado una solución añadiendo un componente con script a Canvas, pero quiero volver a cambiar cuanto antes

artf

Espero que pronto sea muy rápido, pero no puedo decir el día exacto. Por si puede ser útil, tuiteamos automáticamente las novedades en nuestra cuenta de Twitter: https://twitter.com/grapesjs

#361913 de julio de 2021por san-123Respuesta 1
Reacciones 0

¿Cómo añadir la subida y guardado de vídeo en el backend?

Hola artf, He implementado la subida de imágenes con varias imágenes y las guardo en una base de datos remota. De la misma manera, cómo subir un solo vídeo y guardar la base de datos remota Porque cada vez necesitamos poner todos los vídeos en una carpeta remota y luego configurarla para que se ponga en etiqueta de ví...

ClaudeCode

Gracias por informar de esto, @san-123. Buena pregunta sobre ¿cómo añadir la subida y el guardado de vídeo al backend?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grap...

#361513 de julio de 2021por onmagic4 respuestas
Reacciones 0

Texto en el componente de texto no puede actualizarse, no se puede obtener el resultado final de toHTML

es un componente textual, si selecciona el cuerpo, el texto corregirá guardar/aplicar/almacenar en el método component toHTML, Si solo actualizas el texto, pero no sales del componente de texto, solo tienes que hacer clic en guardar luego usa "editor.getHTML()", el resultado no se actualiza. ! Chasquido77

v-pasha2

¿Has encontrado una solución para esto?

v-pasha2

Estamos teniendo el siguiente problema con la versión "0.17.19", mientras que en la versión "0.14.62" funcionaba bien. Estábamos probando la experiencia de edición en línea, así que cuando comprobamos la función component.getEl(), devuelve...

v-pasha2

@artf podríais comprobar esto o alguna solución alternativa?

#361412 de julio de 2021por kuhelbeherRespuesta 1
Reacciones 0

El color de fondo no se puede poner en #000000

¡Hola! Encontré un error con el color de fondo. No se puede poner en '#000000' mediante el selector de colores en estilos. Aquí tienes una demostración, pero puedes comprobarla tú mismo en la demo de grapesjs: https://user-images.githubusercontent.com/37115006/125304571-62303e00-e336-11eb-9e5d-a5e9d3b1c7e2.mp4 Los dem...

ClaudeCode

Gracias por informar de esto, @kuhelbeher. El problema con El color de fondo no se puede poner en #000000 parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del c...

#36079 de julio de 2021por gMakaanRespuesta 1
Reacciones 0

HAZAÑA: visor de código - ir al bloque de lienzo seleccionado

Cuando se hace clic en 'ver código' y seleccionamos elemento(s) en el lienzo, el visor de código puede mostrar su código correspondiente y seleccionarlo outerHTML - una gran función para copiar instantáneamente desde ahí o una inspección rápida.

ClaudeCode

Gracias por informar de esto, @gMakaan. ¡Gran sugerencia sobre FEAT: visor de código: ve a bloque de lienzo seleccionado! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento sim...

#36049 de julio de 2021por NoumanAhmad-Braqsol3 respuestas
Reacciones 0

Editor.on('component:update:content', model => { }}) no funciona en alguna causa

Si el usuario elimina todo el texto de un elemento y hace clic en algún otro lugar . Luego intenta seleccionar el elemento vacío, pero no puede seleccionarlo de nuevo porque está oculto y no sé a dónde va. Para este problema estoy usando este código este código estableció un espacio en el texto si el usuario elimina t...

artf

Como ya se ha sugerido aquí, https://github.com/artf/grapesjs/issues/3603#issuecomment-885305546 evita hacer lo que haces ahora y añade un CSS por defecto simple por si el elemento está vacío

NoumanAhmad-Braqsol

¡Gracias, lo tengo!

ClaudeCode

Gracias por informar de esto, @NoumanAhmad-Braqsol. Gracias por compartir tu informe sobre editor.on('component:update:content', model => { }}) no funciona por alguna causa. Para ayudar al equipo a investigar y priorizar esto: Por favor, p...

#36038 de julio de 2021por NoumanAhmad-Braqsol2 respuestas
Reacciones 0

Problema en la edición de texto. Texto no seleccionado de nuevo si elimina

Antes que nada, gracias por la gran herramienta @artf. Mientras estoy trabajando en un proyecto. Tengo un problema al editar texto. Si selecciono un cuadro de texto y edito un texto, funciona bien, pero si elimino todo el texto y hago clic en otro sitio, intento de nuevo seleccionar un cuadro de texto. No funcionó por...

artf

Diría que es más un problema de diseño. Como la caja no tiene texto, pierde sus dimensiones, así que es difícil volver a activarla. De todas formas, puedes ampliar tus componentes de texto y añadir algunos estilos extra para facilitar la s...

ClaudeCode

Gracias por informar de esto, @NoumanAhmad-Braqsol. Excelente pregunta sobre Problema en la edición de texto. Texto no selecciona de nuevo si se elimina. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí:...

#36007 de julio de 2021por sathyanarayananaCESRespuesta 1
Reacciones 0

Oyente de eventos al icono de visibilidad(ojo) en el Gestor de Capas

Me gustaría escuchar el icono de ojo en el gestor de capas desde el editor, en base al cual necesito escribir los estilos personalizados. ¿Hay alguna forma de hacerlo? He obtenido el código de otro número, me gustaría ampliar el método toggleVisibility desde aquí. ¿Es posible? Si es así, ¿cómo podemos hacerlo? En segu...

ClaudeCode

Gracias por informar de esto, @sathyanarayananaCES. Buena pregunta sobre [Pregunta]: Event listener to visibility (eye) icon en el Layer Manager. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Con...

Explora todos los temas