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 545

🔍 typescript
#33896 de abril de 2021por xinnai4 respuestas
Reacciones 0

MultiSelect algunos elementos y los estilos de cambio solo funcionan en el último elemento seleccionado

Hola, cuando selecciono varios elementos usando 'shift' y cambio el estilo en StyleManager. Solo el último elemento al que se hace clic actualizará el estilo. ¿Puedes ayudarme a solucionar ese problema? https://user-images.githubusercontent.com/23135336/113699004-9d075200-9707-11eb-893c-9b3734e2d0b3.mov

Ju99ernaut

No estoy seguro de si hay una opción para eso, probablemente no se implemente la edición de múltiples componentes para el gestor de estilos. Podrías usar las clases como solución alternativa.

artf

En realidad funciona en la demo, ¿puedes crear una demo reproducible?

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

#33885 de abril de 2021por ahmedderkaoui2 respuestas
Reacciones 1

HAZAÑA: añadir indicación como rasgo sin ninguna entrada.

Quiero añadir una indicación para un rasgo. Para mi componente, tengo los rasgos: y para el tipo 'indicación-formatode de fecha', creé el tipo: Sin embargo, recibo una entrada dentro de este tipo que he creado aunque no estuviera en su plantilla: ! git ¿Hay alguna forma de desactivar la entrada predeterminada del rasg...

ahmedderkaoui

Usar el método siguiente funciona bien:

ClaudeCode

Gracias por informar de esto, @ahmedderkaoui. Buena pregunta sobre FEAT: añadir indicación como rasgo sin ninguna intervención.. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la docum...

#33822 de abril de 2021por Squirrel14892 respuestas
Reacciones 1

No puedo añadir más de 2 proyectos en la versión gratuita

! Captura de pantalla (11)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 afirmacio...

Ju99ernaut

'Grapesjs' y 'Grapedrop' son proyectos separados, deberías intentar plantear tu problema aquí https://spectrum.chat/grapedrop

ClaudeCode

Gracias por informar de esto, @Squirrel1489. El problema de No poder añadir más de 2 proyectos en la versión gratuita parece ser una condición de carrera o un problema de gestión estatal de tiempos. Esto suele ocurrir cuando los eventos de...

#33781 de abril de 2021por dluague2 respuestas
Reacciones 0

Texto nulo tras guardar.

Versión: 0.16.45 ¿Puedes reproducir el error de la demo?[ ] Sí[x] No ¿Cuál es el comportamiento esperado? No debería haber texto nulo. ¿Cuál es el comportamiento actual? Tras guardar los datos en la base de datos y recuperarlos (ver objeto componentes adjuntos), aparecerá el nulo. Así es como asigno los componentes qu...

artf

Parece que es un problema por tu parte porque no puedo reproducirlo (¿quizá estás haciendo algo mal en tu parte trasera?). Intenta crear primero una demo reproducible (usando el localStorage)

ClaudeCode

Gracias por informar de esto, @dluague. El problema con texto nulo tras guardar. 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 ciclo de vida de los compo...

#33771 de abril de 2021por assadnazar3 respuestas
Reacciones 1

Opciones de StyleManager repitiéndose 2 veces

Versión: 0.16.45 Si añado grapejs-preset-js, entonces stylemanager repite cada opción dos veces. Aquí tienes el enlace de jsfiddle donde puedes comprobar el mismo comportamiento. https://jsfiddle.net/assadnazar/2asojqrc/1/ Quizá no sea la fusión de las opciones

Ju99ernaut

Uso: '''js window.editor = grapesjs.init({ // ... StyleManager: { Propiedades claras: 1 }, // ... }); ```

assadnazar

¡Bump!

ClaudeCode

Gracias por informar de esto, @assadnazar. Gracias por compartir tu informe sobre las opciones de StyleManager repetidas dos veces. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible...

#337531 de marzo de 2021por christosapos2 respuestas
Reacciones 0

No se pueden añadir espacios al componente de botón extendido basándose en el componente de texto.

Hola a todos, Antes que nada, me gustaría expresar mi agradecimiento por esta increíble herramienta. Tengo un componente de botón extendido basado en el componente de texto para poder editar el contenido del botón manualmente sin usar rasgos. El código para el componente de botón extendido es este: VAR Comps = Editor....

artf

Parece que el espacio activa el evento de 'clic' en Chrome. La solución parece ser añadir el preventDefault en 'keypress' https://stackoverflow.com/questions/22104860/chrome-firing-onclick-when-space-typed-in-contenteditable-button PD: Evi...

ClaudeCode

Gracias por informar de esto, @christosapos. Buena pregunta sobre No se pueden añadir espacios a un componente de botón extendido basándose en un componente de texto.. El enfoque recomendado con Componentes es utilizar la API orientada a e...

#336928 de marzo de 2021por jcsofts3 respuestas
Reacciones 0

HAZAÑA: ¿es posible añadir un desplazamiento relativo para el selector de color?

! imagen Por ejemplo: Añado una barra izquierda y una superior fuera del editor. Sé que la posición del selector de colores es relativa al cuerpo, así que ¿es posible añadir un desfasamiento relacionado a la configuración? ¿para poder añadir un -40 para mover el selector de colores a la posición correcta?

artf

Deberías poder definir opciones de selector de color de esta manera '''js grapesjs.init({ ColorPicker: { ... } }); ``` Aquí puedes consultar todas las opciones disponibles

skru

¿Es posible acceder al colorSelecter después de .init()? Me gustaría actualizar dinámicamente la paleta

ClaudeCode

Gracias por informar de esto, @jcsofts. Buena pregunta sobre FEAT: ¿es posible añadir un desplazamiento relativo para el selector de color? El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la d...

#336726 de marzo de 2021por kerryj894 respuestas
Reacciones 1

Plantilla modal

¿Hay alguna forma de modificar la plantilla desde un estado compilado? https://github.com/artf/grapesjs/blob/d3256e621bb43a537213ffcd86b10dc0bd070c0b/src/modal_dialog/view/ModalView.js#L1-L16 Si no, ¿cuál sería la forma más limpia de insertar el título y el contenido en un esqueleto modal desde nuestro CMS para un asp...

artf

Ahora es posible reemplazar el modal https://grapesjs.com/docs/modules/Modal.html#custom-modal

Ju99ernaut

Aquí tienes una lista de plugins que usan los modales integrados, espero que te sean útiles: https://github.com/artf/grapesjs-tui-image-editor https://github.com/artf/grapesjs-custom-code https://github.com/Ju99ernaut/grapesjs-template-man...

kerryj89

Gracias, pero estaba buscando una forma de incorporar el contenido a mi propio modal. Muchas librerías tienen un archivo o variable modal plantilla para hacer esto.

#336425 de marzo de 2021por NagarRahul3 respuestas
Reacciones 0

HAZAÑA: @How fijar el tamaño del contenedor cuando estamos arrastrando el elemento dentro del contenedor, el contenedor se gastará según el elemento arrastrado hijo. Cómo podemos dimensionar automáticamente el elemento hijo según el contenedor padre. El contenedor no debe gastarse según el elemento hijo. Debería ser de mostrar scroll.

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

NagarRahul

@artf ! imagen cuando arrastro el botón es pasar. Quiero arreglarlo. No debería gastarse al arrastrar un botón nuevo. Hace scroll de zapato después del desbordamiento.

artf

Depende del estilo del componente (por ejemplo, usar un bloque en línea de pantalla para ese botón podría arreglarlo)

ClaudeCode

Gracias por informar de esto, @NagarRahul. Gran sugerencia sobre FEAT: @How fijar el tamaño del contenedor cuando arrastramos el elemento dentro del contenedor, el contenedor se gastará según el elemento arrastrado hijo. Cómo podemos dimen...

#336324 de marzo de 2021por nairdapuiu2 respuestas
Reacciones 1

La función Set Content vacía el contenido componente

Estoy intentando usar la función set para cambiar el contenido de un componente, pero en realidad el resultado es un componente vacío sin nada dentro. Este es un ejemplo con el código resumido Versión utilizada: 0.16.44 ¿Cuál es el comportamiento esperado? El código ejecutado debe dar lugar a un componente con texto "...

artf

No deberías usar la propiedad 'content', usa 'selectedComponent.components(str)'

ClaudeCode

Gracias por informar de esto, @nairdapuiu. Buena pregunta sobre La función Set content vacía el componente content. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

Explora todos los temas