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

#258719 de febrero de 2020por PKRekha3 respuestas
Reacciones 3

Componente personalizado, necesito 4 columnas a la vez cuando arrastro

Hola @artf, he creado un componente personalizado, donde necesito mostrar 4 columnas con un estilo específico cuando arrastro un componente al lienzo y en cada columna tengo contenido html con estilos específicos y, de nuevo, tengo que dar al usuario la oportunidad de editar el contenido o la imagen pero no los estilo...

pouyamiralayi

@PKRekha puedes evitar el estilo configurando la propiedad ''stylable'' en 'false'' y para tener 4 instancias de tu tipo de componente, simplemente haz esto: ¡Salud!

Jogai

Por favor, ajusta el título y sigue el contenido de la plantilla del número

PKRekha

Hola @artf, he creado un componente personalizado, donde necesito mostrar 4 columnas con un estilo específico cuando arrastro un componente al lienzo y en cada columna tengo contenido html con estilos específicos y, de nuevo, tengo que dar...

#258619 de febrero de 2020por liudmyla-schastlyvets2 respuestas
Reacciones 0

Cómo actualizar el panel de gestión de estilos usando pocos dispositivos y una clase CSS personalizada

Se ha añadido una clase personalizada a simple grapesjs proyecto: Si no hay dispositivos y el usuario añade la clase en el campo selector El sector Configuración se actualiza correctamente su propiedad de tamaño de fuente. <img width="1440" alt="Captura de pantalla 2020-02-19 a las 2:33 50 AM" src="https://user-images...

artf

Desafortunadamente, esto se debe a cómo funciona 'getComputedStyle', que devuelve valores resueltos, por lo que usar 'rem' en lugar de 'px' "confunde" el valor. Ahora mismo no tengo planes de solucionar este problema, pero agradecería much...

artf

Esto debería solucionarse en la última versión https://github.com/artf/grapesjs/releases/tag/v0.18.1

#258518 de febrero de 2020por MariusDKRespuesta 1
Reacciones 0

Aviso de cuenta atrás

! imagen Tengo una cuenta atrás para mi rasgo personalizado con el tipo fecha-hora-local. Cuando hago clic en el elemento aparece este problema. Mi código: ! imagen Esto también ocurre con tu cuenta atrás: https://jsfiddle.net/apaoa5o2/14/

artf

Igual que https://github.com/artf/grapesjs/issues/2615

#258418 de febrero de 2020por MariusDK2 respuestas
Reacciones 0

Activa un botón desde la configuración de componentes al hacer clic

Así que hice una cuenta atrás personalizada con un botón ! imagen El botón marca la cuenta atrás, pero quiero que el botón esté activo como otros elementos al clic. Mi código: ! imagen

MariusDK

@artf por favor, ayudadme

artf

Desafortunadamente, el tipo de botón por defecto está diseñado para ejecutar solo un comando, así que si tienes que hacer algo sofisticado te sugeriría que crees tu propio rasgo https://grapesjs.com/docs/modules/Traits.html#define-new-trai...

#258318 de febrero de 2020por MariusDK3 respuestas
Reacciones 0

Los puntos de interrupción no coinciden con la consulta de medios en el lienzo

¡Hola @artf Tengo varios puntos de ruptura ! imagen El problema es que cuando tengo una resolución (configurada usando los iconos) como 411 (móvil), no siempre el lienzo muestra el estilo de los elementos en esa resolución. Canvas utiliza la consulta de medios de la tableta y no la resolución que se establece desde el...

MariusDK

@artf por favor, ayudadme

artf

Hola @MariusDK no estoy muy seguro de si entiendo tu problema, ¿puedes crear una pequeña demo online para mostrar mejor el problema? ¿Quizá te refieres a la diferencia entre el tamaño del lienzo y la media query real en CSS? En ese caso, p...

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

#258218 de febrero de 2020por ayana30Respuesta 1
Reacciones 2

Crea un nuevo botón en el gestor de paneles

Quiero añadir un botón nuevo después del icono de configuración. ! Captura de pantalla del 18-02-16-17-16 y usé el siguiente código para crear el botón. pero no funciona ' var panelManager = editor. Paneles; var newButton = panelManager.addButton("myNewPanel", { id: "miNuevoBotón", atributos: { título: "Editar menú",...

pouyamiralayi

comentario #2350

#258118 de febrero de 2020por Jogai3 respuestas
Reacciones 0

Cómo usar componentes

Usando GrapesJS 0.15.10 no consigo que los componentes funcionen como pretendía. Probablemente sea cosa mía, así que si es una pregunta, no dudes en cambiar el título del número. (es una continuación de https://github.com/artf/grapesjs/issues/2195) He hecho un bolígrafo (espero que no pasa nada, no vi las plantillas d...

pouyamiralayi

Hola @Jogai también debes especificar el ''data-gjs-draggable'' en el ''''<td>: ¡Salud!

Jogai

Gracias. Al menos eso es una mejora, pero aún así no se tienen en cuenta las demás propiedades, y si intentas arrastrarlo (ya que las flechas de arrastre siguen apareciendo) aparece un error y entonces todo el editor queda en un estado rot...

Jogai

Actualicé el ejemplo. Es una especie de continuación de https://github.com/artf/grapesjs/issues/2195 Mi suposición es errónea en que draggable necesita el prefijo data-gjs, porque la parte html sin usar componente tampoco lo tiene. Aun así...

#258018 de febrero de 2020por MichaelNinoRespuesta 1
Reacciones 1

Bootstrap 4

¿Cómo asocia GrapeJS Editor Bootstrap 4 para generar una página responsiva?

pouyamiralayi

bloques-bootstrap4

#257918 de febrero de 2020por ahmeds633 respuestas
Reacciones 3

Bloquea iconos y tamaño de fuente demasiado pequeños para leerlos

Hola, Estoy usando el plugin de presets de página web de grapesjs para crear el creador de páginas web. Pero como puedes ver, los iconos y el tamaño de la fuente de los bloques son demasiado pequeños. ¿Cuál podría ser el problema? Aparecen perfectamente bien en la demo aquí: https://grapesjs.com/demo.html ver la compa...

artf

Simplemente arréglalos con CSS

ahmeds63

Por alguna razón, el problema era incrustar el editor GrapesJS dentro de un formulario que a su vez estaba encerrado por columnas bootstrap. Así que el espacio era limitado y la hoja de estilo de GrapesJS usa la unidad de fuente 'rem' para...

ahmeds63

Estoy teniendo otro problema con el tamaño de los iconos de tres bloques, mira la captura de pantalla. Como puedes ver, 'tooltip', 'custom code' y 'typed' tienen iconos enormes y no coinciden con el tamaño normal de otros iconos. <img widt...

#257717 de febrero de 2020por dskarasevRespuesta 1
Reacciones 1

¿Cómo bloqueo la inserción de un bloque dentro de otro bloque?

¿Por favor, decidme cómo evito meter un bloque dentro de otro bloque? Uso el editor para crear la estructura interna de un artículo para una página web. No se utilizan bloques de construcción Grapejs. Todos los bloques personalizados se añaden a través del editor de configuración. BlockManager.add Te agradecería que m...

pouyamiralayi

@dskarasev puedes definir tipo de componente personalizado y controlar el arrastre usando la propiedad ''arrastrable'': ¡Salud!

Explora todos los temas