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 1,399

🔍 outdated
#153723 de octubre de 2018por hpruvot3 respuestas
Reacciones 1

Componente duplicado, no estilo

Hola, Antes que nada, muchas gracias por el trabajo increíble ❤️ !! Tengo una pregunta sobre la herramienta de duplicación, así que aquí están los pasos a seguir:Arrastro y suelto un componente de textoCambio el estilo (color en verde, peso, tamaño, etc...)Lo duplicoCambio el color en rojo PERO el componente original...

artf

Hola @hpruvot me gustaría decir que, al principio, si clonas un componente con una clase y la cambias, ves cambios en ambas, esto es porque así funcionan las clases. Si quieres evitar que el editor cree clases por ti, usa esta opción: '''j...

hpruvot

Perdona, me he perdido esa opción, gracias 👌

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.

#153522 de octubre de 2018por christopherserrao052 respuestas
Reacciones 0

Después de eliminar un componente personalizado, la vista del rasgo no se limpia

Hola, Estoy usando la biblioteca grapesjs versión 0.14.33. He creado algunos componentes personalizados y he notado que al eliminar los componentes el panel de Rasgos no se limpia. Por ejemplo, cuando el lienzo se carga y no se selecciona ningún componente, el panel de Rasgos no muestra ningún rasgo. Los rasgos se mue...

artf

Vale, gracias por el informe. Lo arreglaré en la próxima versión

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.

#153422 de octubre de 2018por YashPrince3 respuestas
Reacciones 0

Actualizar valor de entrada de propiedad desde el estilo del modelo.

@artf quiero actualizar la altura del elemento y quiero dar una altura personalizada usando el siguiente código ! altura Funciona bien y actualiza el estilo de modelo seleccionado, pero no actualiza el valor de entrada de propiedades. ¿Cómo podemos actualizar los valores de entrada también mientras actualizamos el est...

artf

Por ahora, usa este 'editor.trigger('component:toggled')' y quizá algún día lo haga actualizar automáticamente

YashPrince

@artf he usado ` pero no actualizó el valor del campo de altura en el panel izquierdo.

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.

#153322 de octubre de 2018por thanhpd563 respuestas
Reacciones 0

El selector de color sale de la pantalla de edición cuando NO ESTÁ A PANTALLA COMPLETA

Hola, he conseguido contener div id="gjs" dentro de otro contenedor de div con el menú izquierdo y el menú superior. Funciona bien, pero hay un problema. Cuando hago clic en el selector de color para cambiar el color de fondo, sí aparece fuera de la pantalla. ¿Cómo puedo arreglarlo? ! imagen ! imagen

alfaalex81

He definido la posición exacta sobre la definición del selector de colores, por ejemplo

thanhpd56

@alfaalex81 gracias por tu ayuda. Solucioné el problema haciendo que sus padres fueran posicionados en estática para que la posición absoluta del selector de color se alineara con la raíz (ventana de vista).

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.

#153221 de octubre de 2018por momu-smartcoach3 respuestas
Reacciones 0

Cómo asegurar que el módulo independiente no se arrastre a otros módulos.

perdón por preguntar de nuevo, realmente quiero saber cómo configurar el módulo independiente no se arrastra a otros módulos, igual que los bloques integrados en grapedrop.com。 ¡Espero con ilusión la modificación específica del módulo de código, gracias!

momu-2016

ayuda~~~~

artf

Al final de esta https://grapesjs.com/docs/modules/Blocks.html encuentras un ejemplo de bloque de fila que hace exactamente lo que necesitas usando las propiedades 'droppable'/'arrastrable' de Component

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.

#153119 de octubre de 2018por alfaalex813 respuestas
Reacciones 0

Clase CSS

¡Hola! Probablemente este problema ya esté publicado, pero no entiendo en qué me equivoco. Yo uso estos tres parámetros en init GrapesJs. Me gustaría que GrapeJs no editara css preexistente, sino que solo creara el suyo propio. ¿Es posible? ¡Gracias!

alfaalex81

Por ejemplo, tengo este código en Canvas GrapesJs añade a CSS esta clase Esta regla modifica todos los elementos con esta clase, es una clase bootstrap genérica que usamos en todos los sitios.

artf

@alfaalex81 no puedo reproducirlo, por favor crea una demo en directo

alfaalex81

https://jsfiddle.net/ugc1otnk/ En el ejemplo en el que cambio el color de fondo en la primera columna, GrapesJs establece el atributo css en la clase externa "col-md-6", que es el nombre de una clase bootstrap. Prefiero la clase de Grapesj...

#152919 de octubre de 2018por krunal0393 respuestas
Reacciones 1

Componet no es editable

Tengo un componente personalizado y he aplicado editable=true, pero los elementos hijos no son editables, incluso intenté añadir data-gjs-editable=true y también intenté usar bloques básicos de componentes, pero todo el componente no es editable. 'var sliderType = 'hsbc-slider-1'; var createSliderComponent = function...

artf

rasgos no son visibles al hacer clic en el componente. Como estás haciendo clic en otro componente (el interno, que tiene sus propias características), si no necesitas que ese componente sea seleccionable, puedes usar la propiedad 'selecta...

artf

Deberías poner el HTML no dentro de 'contenido' (en la definición de bloques), sino 'componentes'

krunal039

@artf he puesto componentes dentro y si hago así, los rasgos no son visibles al pulsar en componente. ! captura 'var sliderType = 'hsbc-slider-1'; var createSliderComponent = function (comps, defaultModel, defaultView) { var defaultType =...

#152818 de octubre de 2018por nine-2-five2 respuestas
Reacciones 0

El bloque personalizado no ejecuta su script cuando se carga automáticamente desde localStorage

Estoy usando el siguiente código para mi bloque personalizado, y funciona cuando el bloque se deja caer en el lienzo. Pero cuando el bloque se carga desde localStorage, solo crea un envoltorio de div y no ejecuta la parte content.script del bloque personalizado. <br> Intenté simplificar la propiedad del script para qu...

nine-2-five

Falsa alarma, lo siento. Revisé la página web de grapesjs-preset, y me di cuenta de que estaba registrando el bloque pero ningún componente. Una vez que añadí el componente al editor. DomComponents, empezó a renderizar el carrusel incluso...

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.

#152718 de octubre de 2018por Deepak8133 respuestas
Reacciones 0

Cómo añadir un evento de cuenta atrás/navegación en deshacer/rehacer

Hola @artf, ¿Cómo podemos añadir cambios o eventos en el Administrador de deshacer/rehacer, como cuando arrastramos elementos como navegación o cuenta atrás? Esperanza de respuesta positiva Gracias de antemano

artf

Duplicado del #1512 @Deepak813 más números abres, luego recibes la respuesta... Así que, por favor, evita generar ruido inútil

Deepak813

Hola @artf, Mi culpa. Se me olvidó que ya he abierto este número. No voy a repetir esto. Gracias

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.

#152518 de octubre de 2018por himanshubudhlakoti2 respuestas
Reacciones 0

Cómo obtener datos de formularios en grapesjs

Hola a todos, Estoy usando el bloque Forms en grapejs y uso grapesjs con angular 6. Pero no entiendo que ¿cómo puedo obtener datos de los formularios al hacer clic en enviar botón del formulario? Estoy usando el siguiente código para los formularios ! 111111111 Como se muestra en la instantánea anterior, he rellenado...

artf

En el editor solo especificas la 'acción' del formulario, el resto no tiene nada que ver (tienes que tratar con algún endpoint de servidor).

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.

Explora todos los temas