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

#27524 de mayo de 2020por motazad3 respuestas
Reacciones 10

Tamaño exacto en la consulta de medios

Quiero que los cambios realizados en la página se muestren solo cuando se seleccione el tamaño. Imagen

motazad

Usé un truco y se resolvió. ' deviceManager.add('Extra Pequeño', '576px', { widthMedia: '576px' }); deviceManager.add('Small', '767px', { widthMedia: '767px) y (min-width:577px' }); deviceManager.add('Medium', '991px', { widthMedia: '991px...

MohammadGh2179

Tengo el mismo problema Por favor, ayúdame Gracias

motazad

@artf De hecho, quiero el ancho mínimo y el ancho máximo para los dispositivos seleccionados

#27512 de mayo de 2020por atlzaRespuesta 1
Reacciones 0

Variables y exportación de manillar

Hola, He hecho una búsqueda rápida pero no he encontrado nada, ¿hay alguna forma (o está en la hoja de ruta) de gestionar las zonas de plantilla con variables (textos, enlaces, bloques) y exportar la salida como plantilla de manillar? Muchas gracias por tu trabajo.

artf

Mira este #2741

#275030 de abril de 2020por makkaronis4e3 respuestas
Reacciones 0

Estilos compartidos entre páginas

Hola, Quiero tener varias páginas con estilos compartidos. Pero cuando cambio entre páginas, no solo reemplaza los componentes sino también las reglas CSS y almacena las reglas CSS por separado. ¿Hay alguna forma de tener estilos compartidos? UPD: Implementado de forma diferente/ Cerrado

etamity

@makkaronis4e ¿Podrías compartir cómo lo implementasteis? Gracias.

zee-algo

@makkaronis4e ¿Puedes hacer tu implementación, por favor?

gxanshu

¿Podríais compartir la implementación

#274930 de abril de 2020por HansSchoutenRespuesta 1
Reacciones 0

Desactivar el hipervínculo preventDefault()

Por defecto, todos los elementos ancla HTML tienen su comportamiento de clic desactivado (lo cual, por supuesto, es muy útil). Sin embargo, me gustaría que los elementos sean editables que requieran cierto comportamiento en javascript en los hipervínculos para que sigan pasando. Por ejemplo, editar el contenido de los...

HansSchouten

Por ahora lo he solucionado añadiendo un script adicional al componente para escuchar clics en la 'li', que activa directamente la llamada 'tab('show')' sobre la 'a'.

#274830 de abril de 2020por jsychova3 respuestas
Reacciones 1

El deslizador no funciona con un valor de paso que no sea entero

El control deslizante de propiedades predeterminado de StyleManager no funciona con un valor de paso que no sea entero. Versión GrapesJS: 0.16.1 En muchos casos, es conveniente usar un deslizador con un valor de paso no entero: ! GrapesJS parece que Grapesjs solo admite valores enteros y redondea valores no enteros. P...

adamwpe

Ah, te refieres a las flechas; perdona, pensaba que en general querías decir que el deslizador no funciona. ! imagen Nunca me había dado cuenta de eso: siempre usa el orden deslizante, el ratón arrastrando sobre las flechas. Voy a echar un...

adamwpe

Curiosamente, esto me funciona (sé que estoy creando el sector al mismo tiempo): ¿Puedes hacer una demo?

jsychova

Sí, por supuesto. He creado una muestra con tu fragmento, pero parece que no quiere trabajar conmigo. https://codepen.io/sjul66/pen/VwvMwNY ¡Gracias!

#274629 de abril de 2020por NorthstarTech3 respuestas
Reacciones 2

Ratón solapándose en la barra de herramientas de texto CKEDITOR/editor de texto

Cuando la barra de herramientas de ckeditor/richtext está abierta. Ratón flotando sobre elementos, línea límite superpuesta en la barra de herramientas. fronteras solapadas.

adamwpe

¿Puedes dar un ejemplo? Idealmente usando https://jsfiddle.net/szLp8h4n

bgrand-ch

Hola, Para futuras preguntas o problemas técnicos, que no sean errores, la pestaña Discussions de GitHub es el lugar ideal. No olvides cerrar este problema si se resuelve o escribir un nuevo mensaje detallado en la categoría Discussiones -...

sanjaysamcom

¿Cómo resolver un problema de solapamiento arrastrando y soltando de una sección a otra?

#274528 de abril de 2020por LerdouilleRespuesta 1
Reacciones 0

Detalles de ADD en el Administrador de Activos

Hola, ¿Es posible añadir algunos detalles sobre el gestor de activos? ¿Como la fecha de creación del archivo? Hoy solo tengo el nombre del archivo y sus propiedades Ancho y Altura Un cordial

artf

@Lerdouille puedes ampliar el tipo de assets https://grapesjs.com/docs/modules/Assets.html

#274428 de abril de 2020por jcze913 respuestas
Reacciones 0

Desactiva un arrastre y solta por bloques

Hola a todos, Me gustaría prohibir la caída de un bloque antes que de otro en concreto. Contexto: he creado un nuevo rasgo para algunos bloques para ponerlos como "encabezado de página", y no quiero permitir arrastrar y soltar un bloque antes de este "encabezado de página" porque debe ser el primer bloque de mi planti...

artf

Desde la última versión https://github.com/artf/grapesjs/releases/tag/v0.16.12 puedes pasar la propiedad 'desactivada' a tu bloque

jcze91

Hola, Gracias por tu respuesta, pero no es mi caso. No quiero desactivar un bloque arrastrando y soltando en todo el lienzo, pero solo quiero que este bloque no se añada antes que otro componente específico.

artf

Puedes ver si puedes lograrlo usando la propiedad 'arrastrable' (Component) o usar el evento 'bloquear:arrastrar:para' para asegurarte de que el componente dejado caer cumple los criterios necesarios y eliminarlo si no lo hace

#274328 de abril de 2020por andy-awareRespuesta 1
Reacciones 1

Administrador de Activos no se actualiza

He leído la API y dice que podemos filtrar activos por atributos. ¡Guay! pero tengo problemas para que el gestor de activos actualice: Estoy dirigiendo lo siguiente: Tengo 2 imágenes cargando en mi gestor de activos en editor.init - Ambas imágenes tienen el atributo: 'categoría: 'Cat-X'' Quiero cargar 'cat-1' pero est...

artf

Hola @awaredigital no veo ningún problema en mi lado. Si abres el modal de Assets y ejecutas este código en la demo oficial, verás que se actualiza correctamente '''js const am = editor. Gestor de Activos; am.render( am.getAll().filter(ite...

#274228 de abril de 2020por ghost3 respuestas
Reacciones 1

¿Cómo evitar la generación de IDs únicos?

¡Hola! Gracias por tu trabajo @artf. Este es un código simplificado de cómo uso grapesjs, quiero guardar los estilos y luego volver a aplicarlos. El problema es que los ids ya cambiaron en DOM tras la primera llamada a 'container.components()', por lo que los estilos no se aplican. ¿Cómo prevenir este comportamiento?...

pouyamiralayi

Hola @nikita-balakirev, mira si comentario #2706 puede ayudarte. ¡Salud!

ghost

Ahora lo he arreglado usando 'editor. DomComponents.componentsById = {};' pero creo que puede provocar colisiones entre bloques en algún momento ¿Qué opinas?

artf

Lo siento, @nikita-balakirev no puede ayudarte aquí sin un ejemplo completamente reproducible. Cuando exportas componentes como JSON, todos los IDs se conservan y se reutilizan si cargan correctamente, así que seguro que estás haciendo alg...

Explora todos los temas