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

#73710 de enero de 2018por austinbiggs2 respuestas
Reacciones 0

Mientras arrastras, aumenta el "alcance" del desplazamiento automático

¿Es posible aumentar el "alcance" del desplazamiento automático vertical? Ya, cuando un usuario está en el x% superior de la ventana (mientras arrastra), el editor se desplazará hacia arriba. Por supuesto, lo mismo ocurre al desplazarse hacia abajo. Lo que me intriga es dónde se controla esto. No estoy seguro de qué b...

austinbiggs

Pude lograrlo cambiando el valor de la variable 'limitTop'. ''autoscroll: function autoscroll(e) { e.preventDefault(); si (this.draggging) { var frameWindow = this.getFrameEl().contentWindow; var actualTop = frameWindow.document.body.scrol...

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.

#7359 de enero de 2018por austinbiggs3 respuestas
Reacciones 0

Al redimensionar imágenes en la misma sección, todas se redimensionan...

Me estoy encontrando con un error extraño: al redimensionar una sola imagen, la foto hermana también se redimensiona. Mi único pensamiento es sobre cómo se está redimensionando la imagen correspondiente. ¿Quizá el selector que elige Grapes es demasiado vago? ! captura de pantalla 2018-01-09 a las 11:43:05

ryandeba

Hola @AustinTBiggs, Sospecho que grapesjs está aplicando los estilos de altura/anchura a una clase que se aplica a ambas imágenes. ¿Podrías comprobar si ambas imágenes tienen la misma clase?

artf

Oye Austin, como sugirió Ryan, simplemente elimina la clase

austinbiggs

@artf - Puedo hacerlo como una solución rápida. Sin embargo, parece contraintuitivo. Las clases en CSS están pensadas para ser reutilizadas. Si la "solución" es eliminar la clase, me parece que el problema es cómo Grapes maneja las clases....

#7349 de enero de 2018por austinbiggs3 respuestas
Reacciones 2

Faltan bordes superiores en algunos elementos redimensionables

En algunos elementos redimensionables, parece que falta el contorno superior. ¿Es un problema conocido? No consigo encontrar ningún CSS contradictorio. ! captura de pantalla 2018-01-09 a las 11:41 29 am

ryandeba

Hola @AustinTBiggs, No he visto este problema antes, pero quizá otros sí lo hayan visto y puedan ayudar. Me interesaría informarme si no te importa dar un poco más de información: ¿podrías dar un jsfiddle y/o pasos para reproducir? ¿Ves es...

austinbiggs

Este me hace sentir bastante tonto en retrospectiva. El problema era la propiedad de desbordamiento del elemento padre. Lo curioso es que el contorno superior se mostraba cuando solo tenía 1px de grosor, pero nada de eso se mostraba cuando...

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.

#7339 de enero de 2018por HarshOB2 respuestas
Reacciones 0

El tamaño de la celda no aumenta automáticamente si pierdo imagen.

¡Hola @artf Si selecciono el componente de 2 columnas y dentro de la primera celda, si elimino el componente de imagen y escojo una imagen más grande, entonces el tamaño de la celda no aumenta en Grapes Editor y en el resultado final también queda feo. Gracias.

artf

@HarshOB he probado con la demo y funciona como se espera

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.

#7329 de enero de 2018por Deepak8132 respuestas
Reacciones 0

Cómo mostrar el icono de edición en otros elementos

Hola @artf, Por favor, háganos saber cómo mostrar el icono de edición en otros elementos.

artf

Así es como se hace en el componente de imagen https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentImage.js#L33-L38

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.

#7319 de enero de 2018por ryandeba2 respuestas
Reacciones 1

Los rasgos de tipo "color" no funcionan

Hola @artf, Ya había mencionado en una solicitud de tirada que los rasgos de tipo 'color' no funcionan. En ese momento no los necesitaba, pero ahora sí, así que me gustaría mirar cómo arreglarlo si no has empezado ya. El error está en el objeto 'InputColor' cuando llama a 'model.setValueFromInput'; los rasgos no tiene...

artf

¿Necesita el objeto Trait un método setValueFromInput? Esto lleva a la duplicación de código, pero sigo pensando que funcionará mejor '''js en Trait.js setValueFromInput(value, final = 1, opts = {}) { const toSet = { valor }; this.set(toSe...

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.

#7309 de enero de 2018por austinbiggs3 respuestas
Reacciones 1

¿Preservar la relación de aspecto al cambiar de tamaño?

Cuando un usuario redimensiona una imagen, intento mantener la relación de aspecto original, ya que no hay mucha necesidad de distorsionar la imagen. Creo que he encontrado el código que gestiona este comportamiento. Sin embargo, no tengo claro si debería modificar la tecla de inicio o otra cosa. @artf - ¿Alguna suger...

artf

tenía un ancho máximo en mis imágenes que las distorsionaba cuando las redimensionaba demasiado, ¡ups! Genial, cierro esto entonces¿Hay alguna forma de desactivar ciertos mandos? Además de CSS Cada componente tiene una propiedad 'redimensi...

artf

@AustinTBiggs intentaste usar manejadores de esquina? Por defecto, la proporción se conserva, de lo contrario puedes mantener pulsado shift para desactivarlo ! relación de aspecto

austinbiggs

Tenía un ancho máximo en mis imágenes que las distorsionaba cuando las redimensionaba demasiado, ¡ups! @artf - ¿Hay alguna forma de desactivar ciertos mandos? Además de CSS

#7299 de enero de 2018por austinbiggs3 respuestas
Reacciones 1

<body> No debería ser identificable ni seleccionable

Actualmente estoy intentando eliminar los permisos de badge y selectable de la <body> etiqueta. He probado a configurar los permisos gjs-editable, gjs-badgeable, etc., y nada parece funcionar. ¿Cómo sugerirías abordar esto? ! captura de pantalla 2018-01-08 a las 15:47 21:00

ryandeba

Hola @AustinTBiggs, Esto me funciona en la demo: 'Editor. DomComponents.getWrapper().set({badgable: false, selectable: false})' También puedes poner 'hoverable' en falso si no quieres que aparezca el resaltado azul al pasar el cursor.

austinbiggs

@ryandeba, Seguro que te imaginas lo tonta que me siento ahora. ¡Solución de primera categoría, gracias!

ryandeba

¡De nada! Me alegro de haber podido ayudar.

#7278 de enero de 2018por kevinalvarez3 respuestas
Reacciones 3

Dos dispositivos con el mismo ancho

Hola a todos, Tenemos un escenario en el que necesitamos tener dos dispositivos con el mismo ancho. Casi todo funciona bien, pero cuando intentamos cambiar entre estos dispositivos (mismo ancho), los elementos de la vista previa no responden hasta que cambiamos otro dispositivo con diferente tamaño. ¿Alguna idea? ¡Gra...

kevinalvarez

Mira esta demo: https://jsfiddle.net/9w2g8su5/1/ Tengo 4 dispositivos. General y Desktop tienen el mismo ancho. Si cambio de General a Escritorio (o viceversa), no puedo seleccionar ni editar ningún componente del lienzo hasta seleccionar...

ryandeba

Hola a todos, He investigado un poco sobre esto, creo que el problema empieza dentro de 'FrameView.updateDim()' cuando se llama a 'em.stopDefault()', que detiene 'select-comp' (el comando por defecto) hasta que se completa la transición de...

artf

¿Es necesario llamar a em.stopDefault() dentro de FrameView.updateDim()? Supongo que hay una buena razón para ello, pero no estoy seguro de cuál es. Está ahí para evitar que la caja de resaltado fija aparezca cuando pasas el cursor por com...

#7268 de enero de 2018por perfect-coders3 respuestas
Reacciones 0

Después de renombrar los elementos en el administrador de capas, no se guarda.

Puedo editar los nombres de etiquetas en el administrador de capas, pero quiero guardar los nombres personalizados que da el usuario en el administrador de capas. Por favor, ayudadme con esto.

artf

Probablemente solo estés almacenando/cargando HTML (que no tiene esta información) en lugar de JSON

perfect-coders

¿Es posible renombrarlo y renderizarlo de nuevo como con las etiquetas cambiadas en el gestor de capas?

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