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 231

🔍 general
#317910 de diciembre de 2020por TheEightArms4 respuestas
Reacciones 1

AssetManager parece cargar los activos desde la caché y no se actualiza (Pregunta)

Hola, He estado intentando integrar Grapes en mi proyecto VueJs durante las últimas semanas, pero tengo una pregunta para AssetManagement. Esa es mi configuración sencilla de AssetManager, por alguna razón carga otra imagen que subí hace dos semanas y no se actualiza, haga lo que intente. Si uso assetManager.add('URL'...

gixid192

@TheEightArms Puedes configurar storeManager como falso en función de iniciación

TheEightArms

He descubierto que está cargando sus assets desde el código guardado y desde la base de datos, ¿hay posibilidad de decirle al StoreManager que no cargue los assets? Gracias

artf

También puedes evitar devolver assets desde tu endpoint (donde cargas componentes y estilos).

#31738 de diciembre de 2020por niveth094 respuestas
Reacciones 2

¿Cómo eliminar el botón de barra de pestaña en el modo de vista previa?

¡Hola @artf! He creado un creador web usando GrapesJS. Quiero eliminar el botón de barra de ojo en modo vista previa y reemplazarlo por el botón de atrás. ¿Cómo hacerlo? Por favor, ayúdame.

robsonsobral

> sugeriría extender el comando original Vista previaGracias por responder @artf. ¿Existe alguna documentación o código de ejemplo sobre cómo extender un comando existente? https://grapesjs.com/docs/modules/Commands.html#extending

collindutter

@niveth09 aquí está el código para extender el comando de vista previa sin el botón de ojo:

artf

Sugeriría extender el comando original Vista previa

#31697 de diciembre de 2020por mrobertshaw3 respuestas
Reacciones 1

Estoy intentando implementar un editor donde ciertas secciones de la página sea…

Hola Estoy intentando implementar un editor donde ciertas secciones de la página sean editables o droppables, etc. (es decir, una página mixta donde algunos elementos son dinámicos y otros no). Estoy teniendo mucho éxito usando los atributos data-gjs para bloquear este comportamiento generalmente en los elementos está...

mrobertshaw

Esto es de gran ayuda. Gracias por responder tan rápido y por vuestro producto fantástico, ingenioso y bien diseñado, que es de gran ayuda para nuestro producto.

artf

Hola @mrobertshaw el elemento principal está pensado como el contenedor del editor y no como el envoltorio. Tienes que usar esta opción si necesitas editar los accesorios del envoltorio: '''js grapesjs.init({ ... domComponents: { envoltori...

ClaudeCode

Gracias por informar de esto, @mrobertshaw. 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 oye...

#316430 de noviembre de 2020por mcottret2 respuestas
Reacciones 1

HAZA: versión 'grapesjs-plugin-ckeditor'

¡Hola @artf! Hace un tiempo fusionasteis los siguientes registros personales:https://github.com/artf/grapesjs-plugin-ckeditor/pull/39https://github.com/artf/grapesjs/pull/2977 Relacionado con este número. ¿Sería posible versionar 'grapesjs-plugin-ckeditor' para que se pudiera incluir la corrección? ¡Gracias de anteman...

artf

¡Hecho! Perdona, se me había olvidado 😬 por completo

ClaudeCode

Gracias por informar de esto, @mcottret. Buena pregunta sobre FEAT: versión 'grapesjs-plugin-ckeditor'. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módul...

#316328 de noviembre de 2020por MarksEliel4 respuestas
Reacciones 2

HAZAÑA: Divisor de Formas para GrapesJS

¿Existe algún plugin para separar la forma de GrapeDrop en grapesjs? ¿Existe alguna web que venda plugins para grapesjs?

MarksEliel

Hola, @MarksEliel ¿Conseguiste conseguirlo? @Abhisheknanda1344463 Vaya, esta mañana recibí una notificación de github, cuando vi que era tu enlace, muchas gracias, ¡fue increíble! ¡Enhorabuena! ¿Quieres desarrollar otros plugins?

Abhisheknanda1344463

https://www.npmjs.com/package/grapesjs-shape-divider Para que lo sepas@artf

artf

No. En fin, solo necesitas crear un rasgo (como prop) y actualizar el contenido del componente (por ejemplo, con el SVG de un divisor de forma) al cambiar

#315926 de noviembre de 2020por sathyanarayananaCES2 respuestas
Reacciones 1

¿Hay alguna forma de obtener los errores del analizador que no sea desde el registro de consola?

Estoy usando la última versión de GrapesJS (v0.16.27). Según la solución del problema (#2029), la excepción ha sido detectada e iniciada sesión en la consola. ¿Hay alguna forma de conocer los errores aparte del registro de consola? Algo similar a asset:upload:error, si tenemos parse:error, sería útil gestionar los err...

artf

Normalmente, el error no proviene del analizador sintáctico sino de la creación del DOM (por ejemplo, el editor crea el elemento usando 'setAttribute'). Puedes detectar los errores del editor escuchando el evento del registro '''js editor....

ClaudeCode

Gracias por informar de esto, @sathyanarayananaCES. El problema con [Pregunta] ¿Hay alguna forma de obtener los errores del analizador aparte del registro de consola parece ser una condición de carrera o un problema de sincronización de ge...

#315725 de noviembre de 2020por pranay22102 respuestas
Reacciones 0

Quiero aplicar un script al elemento rte, que es select html element; al selecc…

Quiero aplicar un script al elemento rte, que es select html element; al seleccionar el valor de un campo select, los valores dinámicos deberían añadirse a otro campo select pero el script no funciona en rte ! Captura de pantalla 2020-11-25 a las 130 28 PM rte.add('custom-childkey', { icono: htmlForChild, Vincula el '...

artf

Quizá porque es 'stringify' y no 'stringfy'...

ClaudeCode

Gracias por informar de esto, @pranay2210. ¡Gran sugerencia sobre *! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistema de eventos: '''javascript edi...

#315423 de noviembre de 2020por phamhongphuc19992 respuestas
Reacciones 0

Ocultar elementos cuando hago clic en el icono de ojo en Open Layer Manager

Quiero ver cómo el código maneja los eventos, ocultar o eliminar elementos. ¿Dónde puedo encontrarlo? <img width="958" alt="Capture" src="https://user-images.githubusercontent.com/56115755/99949266-509d2480-2dad-11eb-8203-51432975b4d3.PNG"> ¡Muchas gracias!

artf

Aquí https://github.com/artf/grapesjs/blob/d802eba08559a3e1c7830e937a78b0b2a417f2e4/src/navigator/view/ItemView.js#L12-L22

ClaudeCode

Gracias por informar de esto, @phamhongphuc1999. Buena pregunta sobre Ocultar elementos cuando hago clic en el icono de ojo en el Administrador de Capas Abierta. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empie...

#314921 de noviembre de 2020por MarksEliel2 respuestas
Reacciones 0

Capas de fondo vacías en el editor de recarga

Versión: Última En la demo el error no aparece, creo que para usar localstorage para almacenamiento. Grapesjs funciona normalmente, con el fondo, pero cuando inserto las capas de fondo, excepto que todo se muestra correctamente. El problema es que cuando recargo el editor, no muestra las capas que se crearon, pero tod...

artf

En la demo el error no aparece, creo que para usar localstorage para almacenamiento. No, usar almacenamiento local o remoto no tiene diferencia, ya que la estructura JSON a usar es la misma. De hecho, supongo que estás cargando el HTML en...

ClaudeCode

Gracias por informar de esto, @MarksEliel. El problema con Capas de fondo vacías en el editor de recarga 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 ci...

#314619 de noviembre de 2020por fahadali14 respuestas
Reacciones 2

Se necesitan tantos clics para activar RTE que ¿puedo editar texto con un solo clic?

Se necesitan tantos clics para activar RTE que ¿puedo editar texto con un solo clic? Intenté añadiendo el atributo ContentEditable pero el administrador de almacenamiento no reconoce los cambios de texto de esa manera, por favor ayudadme

artf

Puedes ampliar la Vista de Componentes de Texto y activar onActive con un clic en lugar de dblclick https://github.com/artf/grapesjs/blob/d3256e621bb43a537213ffcd86b10dc0bd070c0b/src/dom_components/view/ComponentTextView.js#L7-L10

antoineando-zenchef

@vidhii16 @fahad157 Pude hacerlo funcionar usando este código: <img width="758" alt="image" src="https://github.com/user-attachments/assets/2f9418e8-66f4-43ef-a5ac-428ede52e8a9" />

fahad157

@artf lo intenté cambiando para que hiciera clic pero no me funciona, por favor ayudadme ! imagen

Explora todos los temas