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

#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

#314517 de noviembre de 2020por sashapawlow7262 respuestas
Reacciones 0

HAZAÑA: ¿cómo editar un botón si el botón tiene una acción (abrir una ventana modal)?

Tengo una plantilla en html. La plantilla HTML tiene un botón. Cuando haces clic en el botón, ocurre un evento (abriendo una ventana modal). ¿Es posible cambiar visualmente la apariencia de un botón sin activar un evento? Con allowScript: 0, puedo editar la apariencia del botón, pero en este caso, el evento no se acti...

artf

Tienes que crear un componente personalizado para ese botón si requiere lógica/comportamiento personalizado respecto a lo que hace el HTML original

ClaudeCode

Gracias por informar de esto, @sashapawlow726. Gran sugerencia sobre FEAT: ¿cómo editar un botón si el botón tiene una acción (abrir una ventana modal)?! Aunque esta función específica aún no está en la API principal, existen varias formas...

#314417 de noviembre de 2020por antman33512 respuestas
Reacciones 0

Cambiar de fábricas por defecto

Hola, estoy usando GrapesJs para plantillar HTML para imprimir, así que necesito las medidas en mm. ¿Hay alguna forma de cambiar la fábrica predeterminada en el StyleManager? ¿Quizá pasarlo en las opciones? Gracias, Antonio

artf

No, no puedes, solo necesitas configurar tus propiedades en la configuración de StyleManager (ejemplo de configuración se puede encontrar aquí)

ClaudeCode

Gracias por informar de esto, @antman3351. Buena pregunta sobre [Pregunta] Intercambiar fábricas por defecto. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS d...

#314315 de noviembre de 2020por sprklinginfo2 respuestas
Reacciones 0

Ocultar barra de herramientas para componentes internos

Por defecto, cuando se selecciona un componente, la barra de herramientas se muestra con acciones de 'mover, copiar, eliminar', etc., y se configura con la opción 'mostrarBarra: 1'. Cuando defino un componente personalizado que puede tener varios componentes internos, quiero ocultar la barra de herramientas para esos...

artf

Cuando defines el componente, puedes personalizar el array de la barra de herramientas '''js Predeterminados: { ... Barra de herramientas: [], // Esto impedirá que se renderice en el componente } ```

ClaudeCode

Gracias por informar de esto, @sprklinginfo. Gracias por compartir tu informe sobre Ocultar la barra de herramientas para componentes internos. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo...

#314214 de noviembre de 2020por mohd74693 respuestas
Reacciones 0

Problema de renderizado de AssetManager

@artf este es el mismo problema #2760 que ya se ha tratado antes, ¿está mal o es lo que estoy haciendo? Esperaba que no se mostraran los recursos, pero todos son visibles ! imagen este es mi código y estoy usando la versión de 'grapesjs": "^0.16.27",' ! imagen

artf

@awais786327 proporcionar una demostración en directo del problema, 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...

ClaudeCode

Gracias por informar de esto, @mohd7469. Buena pregunta sobre problema de renderizado de AssetManager. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo...

#314114 de noviembre de 2020por webdevhayes3 respuestas
Reacciones 0

Cargando contenido dinámico

Pido disculpas si esto ya se ha tratado antes. He buscado los números y también he leído la documentación bastante a fondo y quizá no lo estoy entendiendo bien. Entiendo que puedes ejecutar un script en el creador de páginas para cargar el contenido, pero ese contenido/html se guardará cuando haga clic en guardar. ¿Lo...

artf

Creo que tienes que leer esta guía

anuragk15

¿Encontraste la solución? Tengo un problema similar. Por ejemplo, cuando escribo en un blog y los guardo en mi base de datos. Ahora, cada vez que alguien visita mi landing page (hecha con Grapesjs) quiero que vean mi último blog allí. Adem...

ClaudeCode

Gracias por informar de esto, @webdevhayes. Buena pregunta sobre Cargar contenido dinámico. 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...

#314013 de noviembre de 2020por ZeroCoolHacker2 respuestas
Reacciones 0

Componente interactivo en el lienzo

Estoy creando un plugin para crear cuestionarios usando grapesjs. Me preguntaba si podríamos añadir un componente que sea interactivo y que añada nuevos componentes al hacer clic. Por ejemplo ! imagen Algo así. Cuando se suelta, no hay entradas, pero al hacer clic en añadir nuevo campo, aparece la entrada. ¿Es posible...

artf

Tienes que extender la Vista de tu componente personalizado

ClaudeCode

Gracias por informar de esto, @ZeroCoolHacker. Buena pregunta sobre componente interactivo en lienzo. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

#313913 de noviembre de 2020por adamwpe3 respuestas
Reacciones 0

HAZAÑA: Desactivar <table> la modificación automática durante la partida guardada

Estoy teniendo un problema: al guardar un componente HTML personalizado (solo una tabla), Grapes JS lo modifica. Guarda antes ! imagen Después de guardar. ! imagen Así que quiero poder insertar una tabla porque me gustaría intercalarla con twig (un lenguaje de plantillas): Creo que está vinculado al #606, pero no veo...

adamwpe

Ah, si uso este https://github.com/artf/grapesjs-custom-code, no modifica el html durante el guardado. Esto no funciona cuando se usa 'gjs-preset-newsletter'. Porque si ejecutas el comando 'gjs-get-inlined-html', entonces se modifica el có...

artf

No puedes insertar HTML inválido. Si necesitas gestionar cosas así, tienes que crear un componente personalizado que luego generará el código personalizado.

ClaudeCode

Gracias por informar de esto, @adamwpe. ¡Gran sugerencia sobre HAZAÑA: ¡Desactivar <table> la modificación automática durante la partida! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un co...

#313813 de noviembre de 2020por adamwpe2 respuestas
Reacciones 0

Evitar <TABLE>que se modifique durante el guardado.

Hola a todos, Estoy teniendo un problema: al guardar un componente HTML personalizado (solo una tabla), Grapes JS lo modifica. Guarda antes ! imagen Después de guardar. ! imagen ¿Es posible envolver algo alrededor para que no se modifique? La razón del problema es que estoy usando twig (un lenguaje de plantillas) para...

adamwpe

Sustituye por #3139

ClaudeCode

Gracias por informar de esto, @adamwpe. Buena pregunta sobre Prevent <TABLE>que no se modifique durante el guardado.. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

Explora todos los temas