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 3,464

#23219 de octubre de 2019por glassdimly2 respuestas
Reacciones 0

¿Arrastrar y soltar reordenar componentes?

Tengo varios 'pasos-interactivos' en 'camino interactivo-perro' y quiero pedirlos, pero grapesJS dragger solo me permite colocarlos en 'camino interactivo-perno' para añadirlos al final: sin orden. ! ezgif-4-a2AD6C15E82C Esto se agrava porque esto funciona aproximadamente en un 10% de las veces.

artf

¿Es solo dentro de las capas o también en lienzo? ¿Puedes crear una demo reproducible, por favor?

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

#23209 de octubre de 2019por eduardonunesp3 respuestas
Reacciones 2

Faltan fuentes tras compilar con Webpack

El proyecto está usando webpack para compilar el proyecto y distribuirlo como paquete, es una especie de plugin que usa GrapesJS como editor, todo funciona bien excepto que faltan las fuentes cargadas por GrapesJS, cuando ejecuto con 'webpack-dev-server' todo se ve bien, pero al compilar con webpack e intentar ejecuta...

pouyamiralayi

usando la opción outputPath, especificas la carpeta de salida donde el webpack emitirá archivos. y basándote en que tú dijiste:funcionando con webpack-dev-server, todo parece estar bien El proyecto se carga en otra carpeta Parece ser un pr...

eduardonunesp

Genial, gracias @pouyamiralayi esta noche revisaré el outputPath

pouyamiralayi

¿Has probado a usar ''file-loader'' en lugar de ''url-loader'' para ''ttf'' u otros tipos de fuente?

#23198 de octubre de 2019por glassdimlyRespuesta 1
Reacciones 0

¿Cómo forzar el re-renderizado de un componente?

Cuando intento lo siguiente en lugar de 'pathwaysParent.render()', obviamente se crea un bucle infinito: Puedo acceder al el en 'pathwaysParent.view.el', pero sigo buscando una buena forma de forzar que el componente DOM se vuelva a renderizar de una forma que no sea hackeada.

glassdimly

Al final activé un evento en cada objeto 'eliminado' que hacía que activaran sus propias actualizaciones. Hice esto con un objeto de configuración, pero aquí tienes un borrador más específico de mi código. Estos son componentes de dom somb...

#23188 de octubre de 2019por navewiSin respuestas
Reacciones 0

¿Cómo puedo traducir las propiedades de StyleManager?

Hola, Ya sé de esta manera: 'grapesjs.init({ // ... StyleManager: { capaTexto: 'MiCapa', } })` Pero no quiero traducirlo en la función de init si es posible. Para los bloques existe la función set() para traducir la etiqueta, por ejemplo. ¿Existe algo igual para que el gestor de estilos traduzca las propiedades en un...

#23178 de octubre de 2019por suchiitsme3 respuestas
Reacciones 0

Necesito una función para integrar la forma modal

[SOLICITUDES DE REPORTAJES] Tengo que añadir bloque, que debería abrir un modal con campos de formulario. Según los datos del formulario seleccionados, tengo que generar una cadena html e insertarla en el editor. Y al hacer clic o doble clic del componente, el modal debería abrirse de nuevo con los detalles del formul...

jcarizza

Hola @suchiitsme creo que puedes implementar un tipo de componente.

suchiitsme

Hola @suchiitsme creo que puedes implementar un tipo de componente. Gracias. ¡Lo probaré!

suchiitsme

Hola ¿Cómo vinculo esto a bloquear?

#23168 de octubre de 2019por kickbk3 respuestas
Reacciones 10

Personalización de la vista del gestor de activos

Me gustaría crear un modal personalizado de gestor de activos para abrir en modal bootstrap. Me gustaría mantener la funcionalidad original del gestor de recursos (como la zona de drop image, la entrada para recuperar la imagen desde eliminar, y me gustaría usar datatable para las imágenes/assets). Además, me gustaría...

PriyankaPrabhu

@kickbk ¿Conseguiste el gestor de activos personalizado? Si es así, por favor comparte el código

khoa-justuno

Puedes hacer esto con un modal personalizado sobrscribiendo el gestor de assets de imagen por defecto. Cuando quieras configurar una imagen, usa esto.

artf

Sugeriría la misma solución que propuesta por @khoa-justuno Si necesitas un modal nuevo, será más fácil crear la interfaz de Asset Manager desde cero; reutilizar los elementos DOM creados por GrapesJS, en este caso, sería un engorro manten...

#23157 de octubre de 2019por tom-sherman3 respuestas
Reacciones 1

Permitir la devolución de promesas desde los métodos '.load' y '.store' de StorageManager

Esto ofrecería una API más moderna y limpia que el enfoque actual basado en callback. API propuesta: '''javascript editor. StorageManager.add('simple-storage', { load: async keys => { resultado const = await foo(keys) return JSON.parse(resultat) }, async store(data) { resultado const = await bar(data) resultado de ret...

tom-sherman

¡Gracias por vuestras opiniones! Espero tener tiempo de implementarlo esta semana

artf

Muy buena petición de función, Tom, agradecería mucho un reparto personal. Sin duda yo optaría por tu primer enfoque, no romper la API actual siempre es un objetivo a alcanzar. Simplemente añadir la posibilidad de crear gestores de almacen...

artf

Con la nueva refactorización de StorageManager esto puede cerrarse https://github.com/artf/grapesjs/pull/4223

#23147 de octubre de 2019por alimajedcmeRespuesta 1
Reacciones 0

Grapesjs no gestiona correctamente el HTML específico de Outlook

Hola a todos, Tengo una plantilla que incluye HTML específico de Outlook, como se muestra a continuación: '<!--[if (gte mso 9)|(IE)]><table width="100%" border="0" cellpadding="0" cellspacing="0"><![endif]-->' Cuando importo este HTML e intento añadir un bloque por encima o por debajo de esta ubicación específica en e...

artf

Probablemente tendrías que crear un componente personalizado para manejar un caso así

#23137 de octubre de 2019por TheComputerM3 respuestas
Reacciones 4

Los scripts no funcionan cuando se añaden dinámicamente a iframe <head>

Estoy usando la última versión de grapesjs (0.15.8) y la uso en Windows 10 x64 en Electron (esto no es un problema con electron) y me encuentro con un problema cuando intento adjuntar scripts dinámicamente al iframe del editor; he incluido un enlace a CodePen para más información sobre este problema. En mi proyecto te...

pouyamiralayi

¡Hola! Mira si esto puede ayudarte: ¡Salud!

TheComputerM

Muchas gracias, la solución funcionó, pero ¿por qué no funciona con jQuery?

TheComputerM

Vale, muchas gracias.

#23126 de octubre de 2019por DamodarSojka2 respuestas
Reacciones 1

Más control sobre los botones del panel, botones dinámicos del panel

Hola, Estoy intentando implementar varios botones dinámicos más para el panel, por ejemplo, un botón de guardado que, dependiendo de alguna bandera, muestre un spinner de carga animado, un icono de guardado o texto de "guardado". Para lograrlo, necesito poder configurar dinámicamente el contenido, potencialmente el ta...

DamodarSojka

Gracias por una respuesta tan rápida, no sabía lo de la propiedad de la etiqueta porque no parece mencionarse en la documentación.

artf

Bueno, puedes cambiar el atributo y el contenido de esta manera '''js const prevBtn = editor. Panels.getButton ('opciones', 'vista previa'); prevBtn.set({ atributos: {título: 'Nuevo título'}, etiqueta: 'Nuevo contenido' }) ``` Para cualqui...

Explora todos los temas