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

#189414 de marzo de 2019por jwilson-lyonscg2 respuestas
Reacciones 0

Ejemplo de documentación de rasgos personalizados no funciona

Específicamente esto: https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type En primer lugar, el evento 'keyUp' hace referencia a 'onChange' cuando el nombre de la función es en realidad 'onChange'. Después, incluso si lo solucionas, 'this.model.get('value')' se evalúa a un valor en blanco/nulo cada vez q...

jwilson-lyonscg

Olvídalo. Estaba malinterpretando la sintaxis. No me había dado cuenta de que el 'onChange' y el 'onValueChange' son dos métodos diferentes y no relacionados, al parecer. No me queda claro exactamente qué hace 'onChange'.

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#189314 de marzo de 2019por trivago-vgarcia3 respuestas
Reacciones 1

Por definición, todos los bloques tienen que tener el mismo estilo

Estamos usando blockManager, como puedes ver en el ejemplo publicado en codesandbox, siguiendo la documentación relacionada con el renderizado personalizado. El comportamiento inesperado para nosotros es que cada vez que un usuario edita los estilos de un bloque, todos los bloques se actualizan con ese estilo, porque...

artf

En primer lugar, tu ejemplo/problema no tiene nada que ver con el renderizado personalizado en bloques (lo usarías para personalizar la interfaz de los bloques, no de los componentes del lienzo). Una solución es establecer esa clase privada

trivago-vgarcia

@artf ¡Gracias por la respuesta! Perdona, porque el ejemplo no era claro. Me pasa en todos los casos, quiero decir, incluso cuando están definidos en la plantilla por defecto, y no solo cuando se añade un nuevo selector. Así que usar 'sele...

artf

Ocurre en todos los casos, quiero decir, incluso cuando están definidos en la plantilla por defecto, y no solo cuando se añade un nuevo selector. Así que usar selector:add no arreglará todos los casos. 'selector:add' se activa incluso cuan...

#189214 de marzo de 2019por sanjib002 respuestas
Reacciones 0

La columna Flexbox no funciona correctamente.

Hola @artf, Estamos usando el bloque flexbox. El problema es que, cuando intentamos redimensionar la columna central, afecta a todas las demás columnas, como reducir automáticamente el ancho de la columna izquierda. Debería afectar solo a la columna derecha. Para crear este escenario, por favor añade tres columnas e i...

artf

Así es como se supone que debe funcionar la flexbox cuando redimensionas una columna central. Lo que intentas lograr es un poco diferente y requeriría otro tipo de implementación, así que te sugeriría crear tus componentes de red

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#189114 de marzo de 2019por jwilson-lyonscg3 respuestas
Reacciones 0

No se puede crear un nuevo componente de botón

Me está costando crear un nuevo componente para un <button> elemento. ¿Qué me estoy perdiendo? ¿Hay algún fallo aquí? Funciona bien si lo cambio a un elemento '<input>':

jwilson-lyonscg

Vale, después de probar un poco más, parece que la estructura de los componentes es correcta, pero el bloque de botones no funcionaba correctamente. Así que el bloque de botones era así: Al arrastrar este bloque al lienzo, no se reconoció...

artf

Creo que el problema aquí es un malentendido de la clave de 'contenido'. Cuando declaras un bloque '''js editor. BlockManager.add('button-block', { // ... Contenido: { tipo: 'botón', Droppable: falso, atributos: { título: 'Hola', Tipo: 'so...

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#189013 de marzo de 2019por MACscr2 respuestas
Reacciones 0

Desactivar la función de arrastre, no la habilidad

Quiero crear mis propias habilidades de arrastre y colocación. Me encantan grapesjs, pero realmente quiero tener más control sobre cómo funcionan los elementos arrastrados en el área de edición. ¿Hay alguna forma de desactivar el método incorporado para poder crear el mío propio? Sé que el modo diseñador está en la ho...

artf

Bueno, en el propio componente, cuando haces clic en mover icono, ejecuta el comando 'tlb-move', así que puedes sobrescribirlo añadiendo uno nuevo con el mismo ID, pero desafortunadamente no hay una forma sencilla de cambiar el comportamie...

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#188913 de marzo de 2019por Nagavijay-kolla2 respuestas
Reacciones 0

Cómo añadir un componente hijo en la posición/índice requerido

Por ejemplo, Tengo un componente padre y este componente padre tiene 4 componentes hijos. Aquí, con la funcionalidad de rasgos, quiero mover el tercer componente hijo a la primera posición de forma similar. Puedo mover un componente de cualquier posición a la última eliminándolo de la posición existente usando compone...

artf

Usa 'at' como índice, en opciones, por ejemplo. 'component.append(comp, { at: 0 })' colocará el 'comp' como primer elemento

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#188813 de marzo de 2019por RobertoCorreale3 respuestas
Reacciones 0

Añadir html personalizado dentro de Canvas

Hola, Estoy usando uvas para exportar un json personalizado con toda la información que necesito, en lugar de HTML y CSS. Para hacer eso, estoy analizando los componentes gpjs almacenados en localStorage. Ahora necesito personalizar cómo se renderizan los componentes dentro del lienzo. Por ejemplo, tengo un componente...

artf

creo que es que, al añadir nuevos nodos dentro del lienzo, las uvas no pueden calcular el orden correcto. Correcto, el orden se basa en componentes del modelo, no en la vista. Entonces, para que quede claro, eso de '<label>' que añades en...

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

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#188713 de marzo de 2019por sakshigarg93 respuestas
Reacciones 0

Obtén JSON de tipo específico de gjs-data-type

Quiero exportar JSON solo de un gjs-datatype="img" específico Estoy probando esto pero no da ningún resultado:

prashant2018

¿Podrías incluir el nombre del archivo que contiene este fragmento de código? Si no me equivoco, es en paneles/index.js

sakshigarg9

sakshigarg9

Gracias @prashant2018 usar el editor. DomComponents.componentById.image He conseguido el JSON deseado

#188613 de marzo de 2019por sdrebel2 respuestas
Reacciones 0

¿Cómo crear un desplegable para el botón dentro de un panel?

Estoy intentando crear un desplegable mientras hago clic en un botón. Puedo añadir los datos usando ul, li a un botón. Aparte de eso, ¿hay otra opción? Por ejemplo: Cuando hago clic en un botón de archivo, deberían mostrarse operaciones respectivas como Abrir, Cerrar, etc.

artf

Sigue la plantilla del problema y explica mejor tu contexto (¿hablas de componentes? ¿UI del editor??)

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#188512 de marzo de 2019por ghost3 respuestas
Reacciones 1

Cambiar el método de solicitud del gestor de almacenamiento a PATCH

Oye@artf el gestor de almacenamiento permite cambiar el método de solicitud de post a patch? No vi eso en absoluto en la documentación.

tranle13

¡Hola @artf! Acabo de empezar a usar GrapesJS (un plugin genial, ¡por cierto, muchas gracias!) y me pregunto si esto ya se ha añadido o no.

rukavina

:+1: Según el código fuente, no está soportado, pero seguro que debería estarlo. Semánticamente, POST crea recursos, mientras que el almacenamiento realmente los actualiza. Así que PUT o PATCH son más válidos en mi opinión. En cualquier ca...

artf

En fin, lo mejor es permitirte decidir qué método usar al enviar solicitudes de "actualización". Estoy de acuerdo... Probablemente añadiré esta opción (módulo StorageManager) en la próxima versión: '''js storageManager: { ... Pasar opcione...

Explora todos los temas