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 3,464

#21101 de julio de 2019por adamwpeRespuesta 1
Reacciones 0

Eliminación del DomComponent dentro de init()

Necesito limitar ciertos componentes dominantes a uno, porque causaría problemas cuando la página se publique, pero no consigo encontrar la forma de eliminar el componente dentro de su propio init(). ¿Hay alguna forma mejor? Ya que no parece sano borrar a alguien antes de que esté completamente creado. Gracias

artf

Tendría sentido trasladar esa lógica a un componente padre

#21091 de julio de 2019por inventorbit3 respuestas
Reacciones 1

Las clases flex de viento de cola no funcionan

Gracias por proporcionar este increíble framework y hacerlo de código abierto. Estoy buscando usar Tailwind con GrapesJS, pero por desgracia Grapesjs reemplaza "/" por "-" en el selector. ¿Es posible anular esto? Cuando intento arrastrar y soltar columnas responsivas en Canvas Los sustituye por: ¿Cómo puedo solucionar...

artf

#1703 esperando ayuda 😬

gavinhewitt

Gracias por proporcionar este increíble framework y hacerlo de código abierto. Estoy buscando usar Tailwind con GrapesJS, pero por desgracia Grapesjs reemplaza "/" por "-" en el selector. ¿Es posible anular esto?Cuando intento arrastrar y...

chrisreedtech

¿Cuál es tu progreso para que las uvas funcionen con Tailwind @inventorbit? ¡Me encantaría verlo! @artf, también tengo curiosidad por saber si hay algún avance en esto o alguna solución alternativa. ¡Gracias por tu tiempo para desarrollar...

#210729 de junio de 2019por alikabeer32Respuesta 1
Reacciones 0

La imagen de fondo y el degradado no funcionan juntos

Desde que empecé a usar el plugin de degradado, las imágenes de fondo están en la siguiente forma: imagen de fondo: -webkit-gradiente lineal(camino/a/image.png); ¿Qué debería hacer?

artf

Ya hay un problema abierto respecto al plugin de degradado #2068

#210629 de junio de 2019por alialrabi3 respuestas
Reacciones 0

Los rasgos no aparecen en el modo de edición cuando actualizo la versión de uvas

Hola artf, Creo rasgos para un componente específico, cuando guardé este componente como JSON y lo cargué de nuevo en el editor, los rasgos se cargaron correctamente y no hay problema, cuando actualizo la versión de Grapesjs los rasgos solo aparecen por primera vez, cuando cargue el componente de nuevo existía el rasg...

artf

@alialrabi ¿Cómo defines los rasgos? ¿Bloques interiores o componentes personalizados?

alialrabi

@artf he creado rasgos en un componente personalizado como este domComps.addType('assetType', { model: dModel.extend( { init() { this.listenTo(this, 'change:type', this.doStuff); }, doStuff() { }, defaults: Object.assign({}, dModel.prototy...

artf

@alialrabi defines tu componente con un nombre 'assetType' pero en isComponent el tipo es 'asset'

#210528 de junio de 2019por wldyslwRespuesta 1
Reacciones 0

Controles incorrectos de radio de frontera

Cambiar la hélice 'borde-abajo-izquierda' cambia el radio inferior derecho, y viceversa. Reproduciendo: Ir a https://jsfiddle.net/szLp8h4nAñadir, por ejemplo, cualquier imagenIntenta cambiar el prop 'borde-abajo-izquierda-radio' en la sección de Decoraciones Jugar con la configuración no ayudó mucho, el mejor solucion...

artf

Correcto, el orden por defecto actual es incorrecto, pero como el tipo 'compuesto' sigue el orden CSS de la propiedad de 'radio de borde', el resultado será exactamente igual al que has conseguido. Por si necesitas cambiar el orden de las...

#210428 de junio de 2019por georgikolev7Respuesta 1
Reacciones 0

Formato correcto para la plantilla de carga

Hola, Estoy buscando la forma correcta de cargar la plantilla, generada por GrapesJS, pero nada se carga. ¿Alguien puede comprobarlo? Quizá el formato no esté bien. https://api.myjson.com/bins/14o5yz No hay ningún mensaje de error, solo un editor vacío. Los datos se guardan en la base de datos con el siguiente código...

georgikolev7

El problema fue causado por datos JSON inválidos dentro de "gjs-components" al guardar, lo que rompió la carga posterior.

#210327 de junio de 2019por imanubhardwaj3 respuestas
Reacciones 1

Problema de arrastre de componentes personalizados

Así es como he creado un componente personalizado: Este es mi bloque personalizado: El caso es que he envolvido la etiqueta de imagen dentro <a> de la etiqueta cuando se renderiza en lienzo. Cuando hago clic en el elemento e intento arrastrarlo, solo <img> <a> arrastra la etiqueta y permanece en su lugar original. Dem...

artf

Con esto '''js Vista: { arranque: 'noDrag' }

artf

Bueno, veo dos soluciones diferentes para este caso:Fácil y rápido, haz que el componente 'personalizado-vídeo' no sea arrastrable, así que tienes que arrastrar al padre para moverlo. El pequeño inconveniente es más desde el punto de vista...

imanubhardwaj

Gracias @artf pero ahora surge un nuevo problema: cuando arrastro el componente envoltorio-personalizado por el lienzo, el personalizado-video no se arrastra con él, solo se <a> arrastra la etiqueta. Demo en directo

#210227 de junio de 2019por Amir2828Respuesta 1
Reacciones 0

Preguntas de vistas

Hola a todos, Mi pregunta esta vez es que he añadido una nueva vista que contiene una galería de imágenes y me gustaría que funcionara como cualquier otra vista. Para ser específicos:cambiar a activo al hacer clic y mostrar el contenido de la vista mientras estás activo.mientras otras vistas están activas, ocultar el...

Amir2828

No sé si hay una forma adecuada de hacerlo. Finalmente conseguí crear este tipo de comportamiento con JS simple.

#210126 de junio de 2019por prabha-9123 respuestas
Reacciones 1

Etiqueta de padre de contenido seleccionado eliminar

https://github.com/artf/grapesjs/issues/906#issuecomment-381403858 Necesito eliminar el contenido html de editor.getSelected(). Ahora estoy usando, Aunque uso selectedContent.set(''content', ''); elimina todo el html interno. Pero no eliminó la etiqueta de padre. Por ejemplo, Antes: '<h2 id="it4a"><p>Actualización de...

afdallah

¿Has visto esta respuesta de [#1077] (https://github.com/artf/grapesjs/issues/1077#issuecomment-386444814) de @artf Creo que encaja con tu caso. '''javascript componente const = editor.getSelected(); const coll = component.collection; cons...

prabha-912

Sí, lo intenté @afdallah, devuelve el índice de Indefinido. Déjame intentarlo de nuevo. Gracias por tu respuesta :)

prabha-912

Hola @afdallah @artf he probado el concepto anterior. Funciona bien a la primera. Aunque intenté actualizar una segunda vez, no funcionó. ! índiceOf

#210026 de junio de 2019por fmr411Respuesta 1
Reacciones 0

Cambia el estilo de clase (como color: blanco a color: rojo)

¿es posible cambiar el estilo de clase (como color: blanco a color: rojo) en el rasgo, creo un nuevo tipo, quiero cambiar el estilo en el evento onChange. He probado a usar setcustomparsercss pero no funciona, gracias ! Screenshot_8

artf

Creo que buscas esto: https://grapesjs.com/docs/api/css_composer.html#setrule Por ejemplo, 'Editor. CssComposer.setRule('.my-class', { color: 'red' });'

Explora todos los temas