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 466

🔍 components
#31759 de diciembre de 2020por mcottret2 respuestas
Reacciones 0

RTE de selección y activo no se borran cuando el componente se elimina programáticamente

Versión: 0.16.30 ¿Puedes reproducir el error de la demo? [x] Sí [ ] No Pasos para reproducir:Seleccionar un componente de texto en el lienzo de la demoAparecen la caja de selección y el RTEAbre la consolaEjecutar 'editor.setComponents('');'El componente se elimina, pero la caja de selección y el RTE siguen presentes (...

artf

Gracias @mcottret por el informe. Yo ya lo he manejado por mi cuenta, así que debería arreglarse en la próxima versión, pero como siempre, gracias por tu disposición a ayudar:)

ClaudeCode

Gracias por informar de esto, @mcottret. El problema con Selección y RTE activo no se eliminan cuando se elimina un componente programática parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suel...

#31749 de diciembre de 2020por ThetripGr2 respuestas
Reacciones 1

Crear un nuevo tipo de componente no hereda las funciones de su tipo padre

Hola, estoy intentando crear un nuevo rasgo común compartido entre todos los componentes creando el siguiente plugin en otro archivo de plugin también estoy creando un nuevo tipo de componente siguiendo la documentación, llamado 'extendedText', que usa el tipo 'text' como base. Mientras que el tipo de texto tiene el '...

ThetripGr

De nada, revisé la documentación con más atención, de alguna manera me perdí esto sobre extender las funciones parentales

ClaudeCode

Gracias por informar de esto, @ThetripGr. Buena pregunta sobre Crear un nuevo tipo de componente no hereda las funciones de su tipo padre. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consult...

#31728 de diciembre de 2020por theSC0RP2 respuestas
Reacciones 0

¿Cómo hacer un seguimiento de las actualizaciones de los componentes a lo largo del árbol?

Hola, @artf. Tengo algunas preguntas sobre ganchos para el ciclo de vida de componentes. En mi aplicación, quiero hacer un seguimiento de las actualizaciones de todos los hijos de un componente y sus hijos, y así sucesivamente. ¿Cómo debería hacerlo?Las actualizaciones en hijos inmediatos se rastrean mediante el ganch...

artf

Crearía un oyente específico en el padre '''js Componente padre ... init() { this.on('cell-changed', this.doStuff) }

ClaudeCode

Gracias por informar de esto, @theSC0RP. Buena pregunta sobre ¿Cómo rastrear las actualizaciones de los componentes a lo largo del árbol?. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consult...

#31717 de diciembre de 2020por skbhagat404 respuestas
Reacciones 0

Añadir / actualizar el rasgo href no añade '<a></a>' envoltorio a la imagen.

Comportamiento esperado: cuando actualizo el valor del rasgo 'href', la imagen debe estar envuelta dentro de 'a' con el conjunto de valores 'href'. es decir, '<a href="google.com"><img src="/></a>' Comportamiento actual = ningún cambio se refleja Aquí tienes código para añadir rasgos La función anterior se activa con...

skbhagat40

No funciona, incluso si hago 'selectedElement.getTrait('href').set({value: 'fb.com', target: '_blank'})

skbhagat40

Creo que la vista de componentes no se actualiza, si repito la acción, está generando 'una etiqueta' con el valor anterior.

skbhagat40

Funciona si actualizo href en los atributos

#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...

#31661 de diciembre de 2020por nanaya14 respuestas
Reacciones 0

Problema con copiar y pegar un nodo

*Versión:0.16.27 ¿Puedes reproducir el error de la demo? [ ] Sí [ ] No ¿Cuál es el comportamiento esperado? En el panel y lienzo derechos, el nodo pegado debería estar después del nodo copiado. ¿Cuál es el comportamiento actual? Copio un nodo. En el contenedor de vistas (panel derecho), el nodo pegado está después del...

artf

He intentado localmente pero el nodo está colocado correctamente. ¿Puedes crear una demo en directo, por favor?

nanaya1

Perdón, no expliqué el escenario en el que ocurrió este error. Los componentes que vienen con los grapesjs no producen este error, porque no tienen espacios, retornos de carro ni pestañas. Encontré este problema mientras personalizaba comp...

nanaya1

@artf cerré el problema por accidente.

#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...

#316027 de noviembre de 2020por congweibai2 respuestas
Reacciones 0

Añadir la etiqueta toggle-move en un panel de ajustes personalizado en Vue

Versión: ^0.16.18 Esta pregunta pretende extraer la función de movimiento de capas a una personalizada. Solo quiero que los componentes se puedan ver en estos componentes, y los componentes hijos podrían reordenarse en el panel. Supongamos que estos componentes están al mismo nivel. Mi código será así: ! Reordenar He...

artf

No, en este caso, tienes que encargarte de la selección por tu lado

ClaudeCode

Gracias por informar de esto, @congweibai. Buena pregunta sobre [Pregunta] Añadir la etiqueta toggle-move en el panel de configuración personalizada de Vue. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Emp...

#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...

#315323 de noviembre de 2020por excitedbox2 respuestas
Reacciones 0

HAZAÑA: añadir bloques de datos dinámicos

Estoy pensando en hacer esto yo mismo y, como se ha pedido tantas veces, quería preguntar si ya se está trabajando en esto y, si no, quizá la gente quiera dar alguna opinión. La forma en que lo imagino funcionando es como un formulario con un bloque contenedor donde defines la fuente de datos, el método (post/get) par...

artf

Este tipo de cosas se podrían hacer mediante plugins, pero no puedo responder a tus preguntas, están totalmente fuera de tema y depende de ti encontrar la respuesta correcta (quizá intenta preguntar en StackOverflow).

ClaudeCode

Gracias por informar de esto, @excitedbox. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix' para...

Explora todos los temas