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

#264713 de marzo de 2020por jcamejo3 respuestas
Reacciones 3

El marcador de arrastre no calcula el ancho correcto.

Hola @artf, espero que estéis teniendo un buen día. Hay un pequeño problema con el marcador de arrastre cuando un bloque se arrastra hacia un posible contenedor con márgenes laterales. También podría ocurrir con los márgenes superior/inferior o el acolchado, pero no estoy 100% seguro. <img width="1107" alt="image" src...

artf

Para ser honesto, dejaría 'getElRect' tal cual, usar 'getComputedStyle' en este contexto sería demasiado caro y la función en sí es genérica (así que no tiene sentido tener cosas como 'boundingRect.width = boundingRect.width - margin.left...

jcamejo

He conseguido 'getElRect' leyendo la función 'getDim', pero volveré a investigar allí para buscar otra solución. ¡Gracias!

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

#264613 de marzo de 2020por verloka3 respuestas
Reacciones 16

Sectores de carrocería

¿Cómo añadir el sector Dimensional para el cuerpo? ! Sin título

mcottret

Hola @verloka y @pouyamiralayi, La lista de sectores parece ser común a todos los componentes de la aplicación. Sin embargo, los componentes almacenan una lista de atributos que pueden editarse a través del panel del gestor de estilos cuan...

pouyamiralayi

@verloka basándote en @mcottret respuesta, puedes recuperar todas las opciones de estilismo así: ¡Salud!

mcottret

> Hola @verloka y @pouyamiralayi,> La lista de sectores parece ser común a todos los componentes de la aplicación.> Sin embargo, los componentes almacenan una lista de atributos que pueden editarse desde el panel del gestor de estilos cuan...

#264513 de marzo de 2020por Rasazna2 respuestas
Reacciones 2

Cómo añadir contenido nuevo al componente previsto sin eliminar el contenido añadido previamente

ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUtiliza los Números de GitHub EXCLUSIVAMENTE para ERRORES, SOLICITUDES DE FUNCIONALIDADES o PREGUNTAS. Prefijo el título del pro...

pouyamiralayi

añade

Rasazna

Quiero añadir datos al componente div sin eliminar los datos añadidos anteriormente usando la opción de gestor de rasgos, ¿hay alguna forma de hacerlo? ¿Alguien puede ayudarme con un código de ejemplo para esto?

#264413 de marzo de 2020por Eshayat3 respuestas
Reacciones 7

GrapesJS carga html/css desde la base de datos

Hola, Estamos usando grapesjs en nuestra app de Angular. Hemos conseguido crear y guardar el html/css de grapesjs en nuestra base de datos. Una de las cosas que aún no hemos podido encontrar es que, en modo edición, queremos llamar a nuestra API y obtener el HTML, CSS y cargarlo en grapesjs canvas. Hemos probado con S...

mcottret

Al principio, pensaba que no usaría el gestor de almacenamiento nativo, así quería llamar.Avísame cómo deberíamos hacerlo,! imagen Si por cualquier motivo no estás dispuesto a usar el gestor de almacenamiento, creo que esta configuración s...

mcottret

Hola @Eshayat,Hemos probado con Storage Manager, pero no funcionó ¿Podrías explicar más? ¿Has seguido correctamente las secciones "Configurar almacenamiento remoto" y "Configurar el servidor" de la documentación de "Gestor de almacenamient...

Eshayat

Hola, el segundo método funcionó. Gracias

#264112 de marzo de 2020por vFire3 respuestas
Reacciones 0

Soporte para editores de código

Me pregunto si es posible tener un editor de código en GrapesJs, si sería mucho mejor para desarrolladores frontend. Y si soporta sysn, scroll será mejor, por ejemplo, cuando hagas clic derecho en el elemento, el código se desplazará automáticamente y resaltará el bloque de código relacionado con el elemento.

vFire

Y una opción es desactivar el gestor de estilos, ya que en el mundo real, si no es un técnico, no entenderá el estilo CSS y el estilo es demasiado complicado, y para el desarrollador frontend, sin editor de código, es demasiado difícil de...

vFire

Además, solo quiero establecer alguna regla en un nivel particular de etiqueta que sea seleccionable y editable visualmente, pero más allá de la regla el visual no lo cambiará; alternativamente, podemos seleccionarlo en el editor de código...

artf

Esto podría ser un buen candidato para un plugin https://grapesjs.com/docs/modules/Plugins.html

#264012 de marzo de 2020por Ace06113 respuestas
Reacciones 2

Añadir atributos extra con Stylemanager para cambiar el atributo del bloque seleccionado

Gracias por este plugin tan increíble. Lo estoy integrando con mi proyecto actual. Tengo un problema con ello. Aquí está mi código, he añadido un nuevo sector con 3 campos de entrada, quiero cambiar el atributo del bloque seleccionado (id, readOnly) con mi valor en esos campos de entrada. por ejemplo: quiero cambiar e...

pouyamiralayi

@Ace0611 puedes usar rasgos tanto para controlar utilería (id, título, etc.) como para los atributos. ¡Salud!

pouyamiralayi

@Ace0611 ¿Usar id por rasgos anulará eso? ¡Sí! ''id'' es simplemente un atrezzo normal como otros. Y fíjate que grapesjs ya te proporciona rasgos por defecto para ''id'' y ''título''. ¡Salud!

Ace0611

@pouyamiralayi: Gracias por ayudarme. Sin embargo, hay duda: cada bloque que se arrastra genera un id dinámico. ¿Usar id por rasgos anulará eso? Mis disculpas, estoy viajando ahora mismo, así que no puedo hacerlo yo mismo en este momento....

#263912 de marzo de 2020por MiseryMachine3 respuestas
Reacciones 0

GrapesJS moviendo fichas de Bigote

Hola, Estoy trabajando con GrapesJS para permitir que los usuarios creen plantillas de informes. Me he encontrado con un problema con un bloque que crea una tabla, pero las filas de la tabla están determinadas por fichas de Bigote. Sin embargo, al renderizarse, las fichas se mueven fuera del elemento de la tabla. Creo...

pouyamiralayi

@MiseryMachine has probado a envolver los internos de tu mesa dentro de un ''tbody'' en tu definición de bloque? ¿O al menos mover tus fichas de bigote dentro de una etiqueta?

MiseryMachine

Gracias por tu sugerencia. He probado eso y con el mismo resultado, desafortunadamente. Script de bloque: '''javascript bm.add('product-list-block', { etiqueta: 'Lista de productos', atributos: { Clase: 'FA FA-Header' }, categoría: 'Produc...

artf

No, no puedes hacer eso porque en ese caso tienes un HTML inválido, así que el analizador HTML lo mueve. Tienes que crear un contenido HTML válido para que el navegador lo muestre correctamente: '''html <tr> <td> {{#bomGroupProducts}} <tab...

#263811 de marzo de 2020por orionseyeRespuesta 1
Reacciones 1

Añadir nueva categoría para uso posterior (sin bloques todavía)

¿Cómo defino una nueva categoría para usar en bloques posteriores que cree...? sin asignarle aún un bloque... ¿Y mantenerlo cerrado por defecto? Quiero decir, este también se puede usar para añadir bloques, pero ¿qué pasa si tengo varios bloques para añadir a la misma categoría una y otra vez? ¿Hay alguna forma de que...

artf

Una vez creada la categoría, puedes usar su ID de esta manera: 'categoría: 'alguno-gato''

#263711 de marzo de 2020por mcottret3 respuestas
Reacciones 1

Modo de vista previa y desactivación automática de bordes de componentes

Hola de nuevo, :) Nuestro equipo empezó recientemente a personalizar el editor y a eliminar el preajuste de la página web, y puede que hayamos encontrado algunos errores relacionados con el modo de vista previa:Al salir del modo de previsualización, puede aparecer un error si se ha eliminado el panel predeterminado de...

artf

botón ya estaría desactivado para cuando se ejecutara la partida de Preview, ¿es correcto? Ah, sí, claro 🤦 ♂ Por tu respuesta sobre el problema enlazado, entiendo que este comportamiento es intencionado, así que quizá la solución sea simp...

artf

Gracias @mcottret por todas las referencias, el número está realmente bien escrito :)Cuando los botones de vista previa y de visibilidad de pantalla están en el mismo panel, el comportamiento introducido por el #2589 se rompe, esto parece...

mcottret

¡Gracias por la respuesta @artf Lo siento, pero no estoy seguro de cómo hacer que esto funcione; por lo que tengo entendido, el active change listener se ejecuta antes de la 'ejecución' de 'Preview', así que el botón de 'sw-visibility' ya...

Explora todos los temas