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 466

🔍 components
#344810 de mayo de 2021por rcloss2 respuestas
Reacciones 0

Aplicar una clase personalizada a un componente no parece funcionar

Estoy añadiendo una clase en un componente cuando no se cumplen ciertas condiciones, en este caso cuando no hay un conjunto de href. He visto la fuente y veo la clase "nolink" en ella, pero no pone el color de fondo en rojo y no lo veo al inspeccionar el elemento, así es como intento añadirlo, pero cuando hago cc.getA...

artf

también probé editor. CssComposer.setRule('.nolink', {'background-color':'red'}); Pero tampoco parecía funcionar 'setRule' es la API correcta y funciona, pero solo crea la regla; también tienes que añadir la clase al componente si quieres...

ClaudeCode

Gracias por informar de esto, @rcloss. Gracias por compartir tu informe sobre aplicar una clase personalizada a un componente no parece funcionar. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo míni...

#344710 de mayo de 2021por lbmir4 respuestas
Reacciones 2

Los JavaScript no funcionan debido a un problema de codificación

1 - Copié el código de componentes de texto mecanografado en lugar de código HTML de demostración; 2 - Y añadido allowScripts: 1; Puedes ver un ejemplo aquí: http://bashworld.ru/demo.html pulsa para Ver código y vemos muchos caracteres codificados en JS. ¿Cómo puedo solucionar este problema? Necesito descifrar todos l...

Ju99ernaut

No se recomienda usar 'allowScripts: 1', de todas formas en tu caso, ¿por qué no arrastrar el bloque escrito? Pero si tienes que incluirlo en tu uso de los elementos: '''html <div id="gjs"> <div data-gjs-type="typed"></div> </div> ```

Ju99ernaut

Deberías configurar tu almacenamiento correctamente https://grapesjs.com/docs/modules/Storage.html#basic-configuration

lbmir

@artf ¿Puedes ayudar, por favor?

#34469 de mayo de 2021por Spectrevuln-sketch4 respuestas
Reacciones 0

No se pueden almacenar datos Token inesperado '-'

Por favor, ayudadme, quiero almacenar datos de GJS en mysql pero no consigo obtener ningún dato de frontend a back end Aquí es mi código: 'const editor = grapesjs.init({ contenedor: "#editor", storageManager: { Tipo: 'A distancia', params: {}, // Para valores personalizados en peticiones tus endpoints SERVER urlStore:...

Ju99ernaut

Los nombres de variables no pueden contener '-', por lo que esta sintaxis es inválida: '''js const { gjs-assets, gjs-components, gjs-css, gjs-html, gjs-styles } = req.body; ```

Spectrevuln-sketch

Por favor, ayudadme, quiero guardar la plantilla en MySQL. ¿Cómo lo hago?

Ju99ernaut

Desafortunadamente, esto puede estar fuera del alcance de Grapesjs, pero hay algunas cosas a tener en cuenta '''js Esto no es válido const { gjs-assets, gjs-components, gjs-css, gjs-html, gjs-styles } = req.body; Puedes intentar asignar ca...

#34356 de mayo de 2021por anlumoRespuesta 1
Reacciones 0

Desplazable onStart/onEnd/updateTarget no se puede sobreescribir

Versión: 0.17.3 ¿Puedes reproducir el error de la demo?[ ] Sí[X] No ¿Cuál es el comportamiento esperado? Poder sobrescribir onStart, onEnd y updateTarget en el 'model.default.scrollable' de un componente, como se detalla en la documentación. Describe el error detallado He creado un componente que extiende ComponentIma...

ClaudeCode

Gracias por informar de esto, @anlumo. El problema con Scrollable onStart/onEnd/updateTarget not Overridable parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos de...

#342229 de abril de 2021por Asifislam1104 respuestas
Reacciones 0

¿Cómo podemos eliminar el contenido de texto predeterminado del componente de texto 'Inserte su texto aquí'?

Quiero eliminar el texto por defecto del componente de texto igual que el marcador de posición. Cada vez que arrastramos un componente de texto necesitamos eliminar el texto por defecto manualmente.

theSC0RP

Hola @Asifislam110, no sé si esta es la mejor solución, pero esta fue una que se me ocurrió.

Asifislam110

@theSC0RP eliminará el texto de todos los componentes de texto cuando se cargue el editor. Al insertar un cuadro de texto en el Editor, el texto "Insertar tu texto aquí" debería desaparecer automáticamente cuando el usuario empiece a escri...

theSC0RP

¡Perdona! Pensaba que no querías que el componente de texto tuviera contenido al dejarlo en el lienzo. Para tu duda, supongo que puedes hacer algo como cuando seleccionas un componente comprueba si es un componente de texto y en la vista e...

#342129 de abril de 2021por ltenti-eventboost4 respuestas
Reacciones 2

Cómo eliminar la regla CSS del selector de clases

Estoy usando componentFirst configurado en true para que mis usuarios apliquen el estilo necesario al componente que seleccionaron. Seleccionar un componente al que se aplica una clase css específica para el tipo de componente y hacer clic en el botón "Sync" hace que el selector cambie del ID del componente a la clase...

ltenti-eventboost

Tiene sentido, ahora solo me queda encontrar la manera de añadir esta función a mi constructor. ¡Gracias @Ju99ernaut!

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

artf

Hola @ltenti-eventboost, no estoy seguro de si entiendo exactamente dónde está tu problema. Cuando editas con 'componentFirst' activado, el editor aplica cambios de estilo en una regla CSS específica de cada componente (por ejemplo, '#cmp-...

#342028 de abril de 2021por sanchit362 respuestas
Reacciones 0

¿Cómo implementar LocalStorage en el proyecto reactjs?

Estoy intentando implementar localstorage en la app de reactjs, por alguna razón no almacena datos en localstorage '''javascript useEffect(() => { const templateComponent = JSON.parse( localStorage.getItem("gjs-components") ); console.log(templateComponent); const templateStyle = JSON.parse(localStorage.getItem("gjs-s...

artf

El StorageManager local hace todo el trabajo por ti, así que no necesitas hacer todo ese trabajo manual que haces ahora. Así que deja la opción StorageManager y elimina el resto. PD. Ten cuidado con useEffect, añade un array vacío como dep...

ClaudeCode

Gracias por informar de esto, @sanchit36. Buena pregunta sobre [URGENTE!! PREGUNTA]: ¿Cómo implementar LocalStorage en el proyecto reactjs? . El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consult...

#341727 de abril de 2021por NagarRahul2 respuestas
Reacciones 1

HAZAÑA: ¿Cómo funciona el componente de mapa? ¿Cómo podemos crear componentes meteorológicos y renderizarlos?

¿Podrías explicar cómo se renderizan los componentes del mapa después de arrastrar? ¿Cómo podemos crear un nuevo componente para el clima y cómo se renderizará como un componente de mapa? @artf

theSC0RP

Puedes echar un vistazo a lo siguiente (si no lo has hecho) para entender cómo funciona el componente del mapa:Modelo de Componentes de MapaVista de componentes del mapa

ClaudeCode

Gracias por informar de esto, @NagarRahul. Buena pregunta sobre FEAT: ¿Cómo funciona el componente de mapa? ¿Cómo podemos crear componentes meteorológicos y renderizarlos?. El enfoque recomendado con Componentes es utilizar la API orientad...

#341627 de abril de 2021por ghost2 respuestas
Reacciones 0

0.15.10 - setAttribute - no es un nombre de atributo válido

¡Hola! Sé que este es un error reportado aquí #2029, pero ahora no puedo actualizar de la '0.15.10' a la versión que tiene la solución. ¿Sabes alguna solución temporal para este problema en el momento en que estoy configurando el componente? Estoy usando VueJS con GrapesJS. Así es como intento configurar el componente...

artf

No, lo siento, no puedo ayudar con una versión tan antigua. ¿Por qué no puedes actualizar?

ClaudeCode

Gracias por informar de esto, @ghost. El problema con 0.15.10 - setAttribute - no es un nombre válido de atributo parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los event...

#341426 de abril de 2021por sidh013 respuestas
Reacciones 1

El modelo de componentes no se reinicia al crear una nueva resistencia

Al arrastrar un componente desde el panel derecho, el modelo de componente no se establece al valor por defecto, sino que tiene el valor del componente añadido previamente ! imagen ! imagen

sidh01

He resuelto esto, el problema era que cuando establecíamos la propiedad del modelo, entonces necesito usar un clon profundo para un array u objeto

artf

Hola @sidh01 definitivamente es algo de tu parte, podemos intentar ayudarte si eres capaz de crear una demo reproducible.

ClaudeCode

Gracias por informar de esto, @sidh01. Gracias por compartir tu informe sobre El modelo de componentes no se reinicia al crear un nuevo arrastre. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínim...

Explora todos los temas