Botones parpadeando con signo de interrogación y no responden.
@Apetrou creo que te faltan algunos archivos (esas manchas blancas parecen ser iconos enormes de la barra de herramientas, así que el tamaño de la fuente parece haber cambiado). Intenta empezar desde el archivo usado para la demo https://github.com/artf/grapesjs/blob/gh-pages/demo-newsletter-editor.html
Lee la respuesta completa abajo ↓Pregunta
Hola,
Estoy teniendo problemas usando esta biblioteca, primero algunos botones no tienen iconos y parpadean al hacer clic en ellos, no responden. Por ejemplo: ! Captura de pantalla 2019-05-25 a las 12 53 28
Además, cuando selecciono ciertos elementos en la página, aparecen algunas manchas blancas. Por ejemplo:
! Captura de pantalla 2019-05-25 a las 12 55 08
Para que te hagas una idea, estoy usando el plugin de boletín predefinido, pero he probado sin ello y sigo teniendo el mismo problema.
Cualquier ayuda sería bienvenida. Gracias, Alkis.
Respuestas (3)
@Apetrou creo que te faltan algunos archivos (esas manchas blancas parecen ser iconos enormes de la barra de herramientas, así que el tamaño de la fuente parece haber cambiado). Intenta empezar desde el archivo usado para la demo https://github.com/artf/grapesjs/blob/gh-pages/demo-newsletter-editor.html
Yo también tengo este problema.
Estoy intentando incluirlo en una aplicación de CakePHP. Si ejecuto mis mismos includes y scripts de GJS en un archivo HTML sencillo desde mi escritorio, funciona como se espera, es decir, no falta un include. Sin embargo, incluir esa configuración de GJS en la aplicación que necesito hace que se vea idéntica a la imagen de arriba.
Vale. Después de mucho ensayo y error, el problema es que ya estoy incluyendo font-awesome en mi cabecera.
'''<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js" integrity="sha512-RXf+QSDCUQs5uwRKaDoXt55jygZZm2V++WUZduaU/Ui/9EGp3f/2KZVahFZBKGH0s774sd3HmrhUy+SgOFQLVQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>'''
Desafortunadamente, no puedo eliminar 'font-awesome' de ahí porque lo uso en muchos sitios.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #417
Añadir el botón de Configuración a un componente personalizado.
Hola, ¿Cómo puedo crear una configuración o puedes editar, por ejemplo, un botón de edición para mi componente personalizado? Con la cuarta...
Issue #3478
Usando GrapeJS en nextjs
Algunos de los css no funcionaban correctamente, por ejemplo, el .gjs-cv-canvas no funcionaba. Esta es la captura de pantalla de mi página...
Issue #3162
De conmutador de botones a editor.allowsCripts
¡Hola, @artf! :) Quizá puedas ayudarme con uvapesjs. Tengo botones que tienen sus propios scripts (por ejemplo, abrir la ventana modal con...
Issue #3444
removeButton() causando error
Hola, Estoy intentando eliminar un botón del panel usando este editor de código. Panels.removeButton('opciones', 'pantalla completa')'. Eli...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.