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 183

🔍 documentation
#326912 de febrero de 2021por acondura4 respuestas
Reacciones 0

Traducción de cadenas HTML

¡Gran biblioteca! Cumple todos los requisitos excepto uno: la traducción de texto para sitios web. He buscado por todas partes en la cola de problemas y la documentación y, por alguna razón, no encuentro nada sobre este tema. A mis clientes no les importa que el editor de grapesjs esté en inglés. Lo que quieren es la...

artf

Esto es algo que tendrías que crear tú mismo. Quizá un componente de texto personalizado, que permita cambiar el contenido con el idioma seleccionado.

jordandevogelaere

@acondura tienes alguna solución para esto? Tengo el mismo requisito para mi cliente. Gracias

gxanshu

Yo también tengo el mismo requisito. Y sí, la única forma de lograrlo es creando nuestro propio componente

#32634 de febrero de 2021por san-1232 respuestas
Reacciones 0

Problemas de almacenamiento remoto

Hola, GrapeJs iniciado, normalmente cargo la llamada a funciones y añado contenido a GJS div, $.ajax({ tipo: "GET", URL: '' procesData: false, contentType: 'application/json; charset=utf-8', DataType: "Json", $.each(data, function (key, data) { $('#gjs').append(html); } }); Mis problemas, después de guardar contenido,...

artf

https://grapesjs.com/docs/modules/Storage.html

ClaudeCode

Gracias por informar de esto, @san-123. Buena pregunta sobre problemas de almacenamiento remoto. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo espec...

#32614 de febrero de 2021por nithinpillalamarri123Respuesta 1
Reacciones 0

Cómo personalizar el formato JS de uvas para añadir estilo

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

ClaudeCode

Gracias por informar de esto, @nithinpillalamarri123. El problema con cómo personalizar el formulario js de uvas para añadir estilo parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir...

#32593 de febrero de 2021por bgrand-ch2 respuestas
Reacciones 1

V0.16.27 - El estilo/ID desaparece cuando se anida el span

Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [ ] Sí [ ] No [X] Vídeo pero sin demo ¿Cuál es el comportamiento esperado? Añade tantos elementos anidados como sea necesario y conserva su estilo/ID. ¿Cuál es el comportamiento actual? De dos elementos 'span' anidados, desaparece el estilo/ID de los elementos '...

artf

Hola Benjamin, el error ya estaba arreglado (cuando reportes un error, asegúrate de tener la última versión)

ClaudeCode

Gracias por informar de esto, @bgrand-ch. El problema con v0.16.27 - Style/ID desaparece cuando se anida el span parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los evento...

#32582 de febrero de 2021por stljeff14 respuestas
Reacciones 0

Evitar/desactivar bloques personalizados dentro de otros bloques personalizados

Hola, Tengo un componente personalizado, llamémoslo Section Block. Quiero evitar que el usuario deje caer bloques de sección dentro de otros bloques de sección. ¿Es eso posible? Árbitro: https://grapesjs.com/docs/modules/Components.html#define-custom-component-type Soy consciente de las opciones que se pueden arrastra...

artf

Puedes usar el selector ':not()', por ejemplo. ':no(.excepto-esta-clase)'

stljeff1

Gracias @artf. Esta solución funciona, en su mayoría. Ahora me estoy encontrando con un nuevo problema donde desaparece un texto provisional. En algunos elementos dentro de mis bloques, tengo un elemento HTML con un nodo de texto, y luego...

artf

Estás definiendo el componente con la antigua API, que requiere otras cosas para funcionar correctamente y eso podría ser la causa del problema (he probado por mi parte y todo funciona como esperaba). Por favor, comprueba aquí la API corre...

#32561 de febrero de 2021por kumarabhishek0082 respuestas
Reacciones 0

La imagen de fondo del componente wrapper no se carga en segunda vez al actualizar

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

kumarabhishek008

El problema se ha resuelto

ClaudeCode

Gracias por informar de esto, @kumarabhishek008. El problema con Imagen de fondo del componente envoltorio no carga por segunda vez al actualizar parece ser una condición de carrera o un problema de sincronización de gestión de estado. Est...

#325128 de enero de 2021por RutujaBadbe4 respuestas
Reacciones 0

¿Cómo puedo especificar la posición del elemento que se cae?

Quiero especificar la posición del elemento arrastrado. por ejemplo, si tengo un bloque de cabecera que, no importa dónde arrastres, debería colocarse en la parte superior del documento. ¿cómo debería hacerlo?

RutujaBadbe

después de colocar el bloque de cabecera en el lienzo, necesito que vaya encima de cualquier otro componente o bloque. Ahora mismo, estoy haciendo esto. Pero no está funcionando. editor.on('canvas:drop',(DataTransfer, model)=> { si (model....

artf

Puedes usar la propiedad 'arrastrable' para definir (mediante cadenas de consulta CSS) dónde se podría colocar el componente, pero no puedes especificar la posición. Puedes intentar crear un componente personalizado como contenedor para co...

RutujaBadbe

@artf gracias por la respuesta. No sé si es la forma correcta, pero hice algo y me funcionó. Soy bastante nuevo en esto y todavía estoy aprendiendo de los médicos. Yo hice esto— editor.on('canvas:drop',( model)=> { si (model.is('encabezado...

#324623 de enero de 2021por ThetripGr2 respuestas
Reacciones 2

¿Es posible usar los tipos de rasgos existentes en nuevos rasgos personalizados? (por ejemplo, el selector de colores)

Me gustaría crear un nuevo rasgo personalizado para usar, que tenga la entrada del selector de color y una casilla de verificación para que el resultado final sea el color predefinido que viene de la casilla marcada o, si está desmarcado, elegir desde el selector. Esto es demasiado específico para mi caso, así que mi...

artf

Ahora mismo no, estoy trabajando en un nuevo módulo de interfaz que permitirá reutilizar y anular elementos internos de la interfaz.

ClaudeCode

Gracias por informar de esto, @ThetripGr. Buena pregunta sobre ¿Es posible usar los tipos de rasgos existentes en nuevos rasgos personalizados? (por ejemplo, el selector de color). El enfoque recomendado con GrapesJS es usar la API orienta...

#324220 de enero de 2021por Nielsticot4 respuestas
Reacciones 0

Cuando el Gestor de Estilos está en otro div, el mensaje "Seleccionar un elemento antes de usar el Gestor de Estilos" no aparece

Versión: 0.16.34 ¿Cuál es el comportamiento esperado? Cuando el editor se inicializa, no se selecciona ningún elemento, por lo que el gestor de estilos debería decir "Selecciona un elemento antes de usar el Administrador de Estilos", como hace cuando no se usa "appendTo" en la configuración del editor. ¿Cuál es el com...

mosh-tudor

Usé este código para resolverlo: '''js const showStylesSector = editor => { const stylesButton = editor. Panels.getButton ('encabezado de panel en barra lateral', 'show-styles'); const layersButton = editor. Panels.getButton ('panel-sideba...

Nielsticot

Esto no es lo que quiero, mi problema es antes de que se seleccione cualquier elemento, así que antes de que el evento "component:selected" se trigere. Lo arreglé temporalmente seleccionando un elemento al cargar el editor, pero no es lo q...

artf

Si usas el StyleManager en un elemento personalizado, tienes que gestionar ese estado tú mismo. '''html <div class="sm-wrapper"> <div id="styles"></div><!-- aquí es donde se añade el gestor de estilos --> <div class="sm-vacty-state"> Selec...

#323515 de enero de 2021por AnnaSuRespuesta 1
Reacciones 0

"component:update" no se activa cuando se mueven componentes

Extraído de https://github.com/artf/grapesjs/blob/dev/src/editor/index.js#L33 'component:update' - Se activa cuando un componente se actualiza (se mueve, se estiliza, etc.), el modelo se pasa como argumento a la callback reproducir el bichousar la API 'move' para mover el componentehttps://grapesjs.com/docs/api/compon...

ClaudeCode

Gracias por informar de esto, @AnnaSu. El problema con "component:update" no se activa cuando se mueven componentes parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eve...

Explora todos los temas