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

#33135 de marzo de 2021por fahad1574 respuestas
Reacciones 2

Se requieren muchos clics para que el texto sea editable, ¿podemos hacer que el campo de texto sea editable con un solo clic?

ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...

Andrew-Chen-Wang

Un solo clic puede ser molesto al arrastrar bloques. Si ya has seleccionado un bloque, aún tienes que hacer doble clic. Si no seleccionaste un bloque, puedes simplemente hacer doble clic en el bloque para editar el texto. Creo que eso ya e...

fahad157

@Andrew-Chen-Wang: Sí, es correcto, pero en mi caso quiero editar con un solo clic, si es posible, por favor guíaos.

mihir-khandekar

@fahad157 pudisteis arreglar esto?

#33125 de marzo de 2021por Andrew-Chen-Wang3 respuestas
Reacciones 0

HAZAÑA: Hacer que el ancho del panel lateral sea del 20%

¿Qué intentas añadir a GrapesJS? El panel lateral parece arrugado. A menos que tengas un sobremesa grande, prefiero que las imágenes del panel de bloques no se desvíen hacia un lado. Además, los iconos de arriba, por ejemplo el icono de "conseguir un nuevo bloque", están simplemente ocultos a menos que tengas una pant...

Ju99ernaut

La idea es maximizar el área cubierta por el lienzo, pero puedes cambiar fácilmente el tamaño de los paneles con CSS personalizado.

Andrew-Chen-Wang

Desde luego, no creo que la demo deba quedar tan arrugada así :P Supongo que es una opinión personal, entonces.

ClaudeCode

Gracias por informar de esto, @Andrew-Chen-Wang. Gran sugerencia sobre FEAT: ¡Haz que el ancho del panel lateral sea del 20%! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento...

#33105 de marzo de 2021por Andrew-Chen-Wang3 respuestas
Reacciones 3

Vista de tableta y móvil sin redimensionar

Versión: El de la demo ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? La vista móvil y la tableta deberían redimensionar el lienzo cuando la ventana cambia de tamaño. Describe el error detallado La vista de escritorio redimensiona correctamente el lienzo al redimensionar la...

Ju99ernaut

Los dispositivos 'móviles' y 'tablet' tienen pixel pased, así que simplemente redimensionan el lienzo a un cierto número de píxeles independientemente del tamaño de la ventana. Creo que 'escritorio' simplemente pone el lienzo al 100%.

artf

Como mencionó @Ju99ernaut así es como funcionan los dispositivos. Sinceramente, ni siquiera veo la razón detrás de este caso, ¿por qué el usuario debería redimensionar la ventana? También podrías empezar a ver o actualizar estilos que no e...

ClaudeCode

Gracias por informar de esto, @Andrew-Chen-Wang. El problema con la vista de la tableta y móvil que no se redimensionan parece ser una condición de carrera o un problema de sincronización de gestión del estado. Esto suele ocurrir cuando lo...

#33094 de marzo de 2021por jcamejo4 respuestas
Reacciones 0

Los Nodos de Texto interfieren al cambiar el contenido en un elemento

Versión: 0.16.44 Hola @artf Tengo un bloque personalizado con un componente de botón personalizado, cuyo contenido es similar al de este. ` <a data-gjs-type="custom_button" class="btn btn-1" href="">Haz clic aquí</a>' Además, he añadido un rasgo de texto para cambiar el contenido de los botones, en este caso concreto...

artf

Hola Juan, gracias por el informe, ¿puedes mostrarme cómo funciona tu rasgo de texto? Esperaría que funcionara correctamente si actualizas tu componente de esta manera: 'component.components(e.target.value)'

jcamejo

Esa era mi característica Lo he cambiado a Y ahora funciona sin anular contenido de actualización ni renderizar niños, ¡gracias! Nunca habría llegado a la conclusión de usar el método de 'componentes'. Ahora no me gustan los nodos 😅 de te...

artf

No creo que necesites este 'target.set('content', value);'. Por lo demás, todo bien 👍

#33073 de marzo de 2021por neon123454 respuestas
Reacciones 3

HAZAÑA: Proporcionar una versión no minificada

¿Existe alguna versión de un solo archivo de grapesjs que no esté minificada? Sería bueno tener uno para corregir errores y probar rápidamente nuevas funciones o mejoras.

neon12345

Es decepcionante que esto esté cerrado por completo. Claro que podría cambiar mi flujo de trabajo, pero ¿por qué no hacerlo lo más cómodo posible para que la gente contribuya?

stljeff1

¿Alguien podría explicar amablemente cómo usar el sourcemap? Me está costando mucho actualizar a la última versión de uvas y necesito cualquier ayuda para depurar que pueda conseguir. Estoy importando grapesjs a mi app Angular/Typescript....

Ju99ernaut

Eso ya está disponible, solo tienes que consultar 'grapesjs.js' en vez de 'grapesjs.min.js'

#33053 de marzo de 2021por RaresVlaiduc3 respuestas
Reacciones 11

Botón no activado al hacer clic

Versión: v0.16.41 ¿Puedes reproducir el error de la demo? [ ] Sí [x] No ¿Cuál es el comportamiento esperado? Cuando hago clic en un botón, debería añadirse la clase gjs-pn-active. Describe el error detallado Tengo 3 botones para 3 dispositivos diferentes (sobremesa, tablet y móvil). Los tengo en un panel superior y cu...

Ju99ernaut

Grapesjs requiere que tus comandos tengan las funciones de 'correr' y 'parar' para que puedan activar automáticamente los botones del panel, así que quizá ese sea el problema: '''js const cm = editor. Órdenes; Grapesjs no puede activar bot...

kerryj89

@Ju99ernaut Gracias por eso. El estado activo ahora me funciona al crear el panel 'devices-c' a través de 'grapesjs.init()'.

ClaudeCode

Gracias por informar de esto, @RaresVlaiduc. El problema con (v0.16.41) Botón no activado al hacer clic parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del cic...

#33042 de marzo de 2021por SyedHashimShah3 respuestas
Reacciones 2

¿Cómo puedo personalizar la interfaz de usuario de Grapesjs?

Quiero personalizar la interfaz de Grapesjs, pero los archivos js y css están minificados. Por favor, decidme cómo puedo hacer esto. Solo quiero mantener algunos bloques específicos como imágenes, texto, etc. en mi interfaz.

echobinod

Sass se utiliza para generar los archivos css minificados. Puedes cambiar las variables de estilo desde aquí: src/styles/scss/

artf

@SyedHashimShah https://grapesjs.com/docs/getting-started.html

ClaudeCode

Gracias por informar de esto, @SyedHashimShah. Buena pregunta sobre ¿Cómo puedo personalizar la interfaz de Grapesjs?. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

#33032 de marzo de 2021por RutujaBadbe4 respuestas
Reacciones 1

El orden de las categorías no se muestra correctamente

¡Hola! Quiero mostrar las categorías en el gestor de bloques en una secuencia determinada. Revisé la documentación y problemas anteriores y encontré algo sobre el atributo de orden. Así que probé a establecer el atributo de orden. Pero aún no se muestra en ese orden aunque el atributo de orden se esté configurando. ¿M...

Ju99ernaut

Supongo que puedes hacer que esto sea una solicitud de funcionalidad, no estoy seguro de si algo así existe ya en grapesjs. Aunque el orden de los bloques puede ser más fácil de gestionar si divides los bloques de cada categoría en diferen...

Ju99ernaut

Creo que el orden en que se añaden los bloques es lo que determina el orden de las categorías.

RutujaBadbe

@Ju99ernaut ¡hola! Gracias por la respuesta. Sí. Al final hice eso. ¿pero qué pasa si quiero hacerlo de forma dinámica? Si hay muchos bloques, ¿no es difícil mantener el orden?

#33012 de marzo de 2021por mmotov2 respuestas
Reacciones 0

El cambio de un elemento copiado afecta a otros elementos copiados

Versión:0.16.41 ¿Puedes reproducir el error de la demo? Sí ¿Cuál es el comportamiento esperado? Cuando copio y pego elementos (por ejemplo, texto) y hago cambios, solo debería cambiar el elemento seleccionado. ¿Cuál es el comportamiento actual? Por ahora, se aplican cambios a todos los elementos copiados ¿Puedes adjun...

JamieBunyassi

¿Cómo lo solucionaste?

ClaudeCode

Gracias por informar de esto, @mmotov. El problema con Cambiar un elemento copiado afecta a otros elementos copiados parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los eventos del ci...

#32981 de marzo de 2021por neon123452 respuestas
Reacciones 1

HAZAÑA: ocultar etiquetas de componentes mientras editas texto

Para el texto colocado en la parte superior de la página, las etiquetas de los componentes pueden solaparse y ocultar el texto durante la edición. Además, la etiqueta puede solaparse con las herramientas de edición de texto cuando no está en la parte superior. Ocultar las etiquetas mientras editas el texto evitaría es...

RutujaBadbe

Puedes ocultar las etiquetas usando badgable: false https://grapesjs.com/docs/api/components.html#parameters-3

ClaudeCode

Gracias por informar de esto, @neon12345. Gracias por compartir tu informe sobre FEAT: ocultar etiquetas de componentes mientras editas texto. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo r...

Explora todos los temas