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 877

🔍 question
#34345 de mayo de 2021por advancedsoftwarecanada4 respuestas
Reacciones 1
questionbugstyle-managertypescript

Usar HTML/CSS/JS importado en el editor muestra esquemas, pero no tiene contenido, JS Fiddle dentro

Puedes obtener la versión escribiendo 'grapesjs.version' en la consola SÍ: https://jsfiddle.net/75a9u1cf/2/ ¿Cuál es el comportamiento esperado? Espero poder editar el HTML y el contenido en el editor Describe el error detallado La pantalla es simplemente blanca, puedo ver las formas y arrastrar elementos, pero el edi...

advancedsoftwarecanada

Este problema se puede resolver. Simplemente cambié la aplicación HTML/JS a HTML plano — desactivé todos esos efectos de carga absurdos. Cuando no estoy en el editor simplemente pongo un script externo para hacer cosas más elaboradas. ¡VIV...

advancedsoftwarecanada

! imagen

advancedsoftwarecanada

LO HE SOLUCIONADO A MEDIAS, he encontrado algunas cosas en Google: https://jsfiddle.net/75a9u1cf/3/ Pero algunas imágenes siguen sin funcionar.

Ver detalles
#34335 de mayo de 2021por divesham2 respuestas
Reacciones 0
enhancementquestiondocumentationtypescript

HAZAÑA: El vídeo no se reproduce

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

divesham

https://github.com/artf/grapesjs/issues/1381

ClaudeCode

Gracias por informar de esto, @divesham. ¡Gran sugerencia sobre HAZAÑAS: ¡El vídeo no se reproduce! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistem...

Ver detalles
#34325 de mayo de 2021por SintoDema2 respuestas
Reacciones 0
documentationquestiongeneral

¿Podemos usar Wistia en el editor GrapesJS? Me gustaría usarlo como Vimeo usado…

Hola @artf, ¿Podemos usar Wistia en el editor GrapesJS? Me gustaría usarlo como Vimeo usado en el editor. ! imagen Escenario: Tengo un vídeo en mi dominio Wistia, deja que el camino sea https://mydomain.wistia.com/medias/VIDEO_ID. Tengo que añadir esa URL o vídeo porque vamos a añadir un enlace a un vídeo de Youtube c...

artf

Claro, solo revisa la implementación actual de ComponentVideo y amplíala según tus necesidades.

ClaudeCode

Gracias por informar de esto, @SintoDema. Buena pregunta sobre *. 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ífico Busca el método del oyent...

Ver detalles
#34315 de mayo de 2021por bgrand-ch2 respuestas
Reacciones 1
enhancementquestiondocumentation

HAZAÑA: Activar la pestaña "Debates" en GitHub

¿Qué intentas añadir a GrapesJS? Activa la pestaña "Debates" en GitHub. https://docs.github.com/en/discussions Describe tu solicitud de función detallado La pestaña "Problemas" está contaminada por preguntas y otros problemas que no son un problema. Activar la pestaña "Discusiones" facilitará la interacción entre la c...

artf

Gracias @bgrand, buena idea, Debates activados. No conozco muy bien la función, si tienes alguna sugerencia para mejorar esa sección, por favor házmelo saber.

ClaudeCode

Gracias por informar de esto, @bgrand-ch. Gran sugerencia sobre FEAT: ¡Activa la pestaña "Debates" en GitHub! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando...

Ver detalles
#34294 de mayo de 2021por justin37372 respuestas
Reacciones 2
questionbugstyle-managertypescript

No existe un plugin de display-grapesjs-style-bg

Hola @artf Gracias por hacer todo aquí pero intento usar este plugin y no puedo ! IMG Versión: 0.17.3 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No Describe el error detallado No hay ningún plugin de pantalla ¿Cuál es el comportamiento actual? No pasa nada. ¿Puedes adjuntar capturas de pantalla, capturas de pant...

Ju99ernaut

Desafortunadamente, el plugin no reemplazará automáticamente la entrada original de la imagen de fondo, así que tendrás que hacerlo manualmente. Tendrás que añadir esto a la configuración de tu gestor de estilos de alguna manera y eliminar...

ClaudeCode

Gracias por informar de esto, @justin3737. El problema con no existe un plugin display-grapesjs-style-bg parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los eventos del ciclo de vida...

Ver detalles
#34271 de mayo de 2021por akmittal2 respuestas
Reacciones 1
enhancementquestiondocumentation

HAZAÑA: Añadir soporte para cargas perezosas de imágenes

¿Qué intentas añadir a GrapesJS? Cargando perezosamente soporte para imágenes. Describe tu solicitud de función detallado Los navegadores más recientes permiten cargar imágenes de forma perezosa usando el atributo loading. '<img src="myimg.png" loading="lazy">'. Hay dos valores posibles: 'entusiasta' y 'vaga'. Si no s...

artf

Gracias@akmittal cargar es realmente interesante y útil, pero por ahora me gustaría evitar extender componentes principales (esto podría llevar a comportamientos inesperados si alguien crea un componente nuevo ampliando la imagen). Si quie...

ClaudeCode

Gracias por informar de esto, @akmittal. Gran sugerencia sobre FEAT: ¡Añadir soporte para cargas perezosas de imágenes! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento simil...

Ver detalles
#342530 de abril de 2021por anlumo2 respuestas
Reacciones 1
questionbugstyle-managertypescript

StaticRules para CssComposer no funcional

El archivo de configuración de ejemplo para CssComposer hace referencia a una propiedad 'staticRules'. Este nombre de propiedad no se usa en ningún otro lugar del código fuente (verificado usando búsqueda en GitHub) y tampoco hace nada. Versión: 0.17.3 ¿Puedes reproducir el error de la demo?[ ] Sí[X] No (no es realmen...

artf

Gracias@anlumo tienes razón, era una opción antigua, la quitaré. Para efectos de reglas CSS estáticas, tenemos estas opciones

ClaudeCode

Gracias por informar de esto, @anlumo. El problema con staticRules para CssComposer No Funcional 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 v...

Ver detalles
#342229 de abril de 2021por Asifislam1104 respuestas
Reacciones 0
componentsquestiongeneral

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

Ver detalles
#342129 de abril de 2021por ltenti-eventboost4 respuestas
Reacciones 2
style-managerquestioncomponents

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

Ver detalles
#342028 de abril de 2021por sanchit362 respuestas
Reacciones 0
questionstyle-managercomponentstypescript

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

Ver detalles

Explora todos los temas