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 336

🔍 style-manager
#373027 de agosto de 2021por hrdkzala4 respuestas
Reacciones 0

La etiqueta script no se renderiza en la página HTML

Creé el componente como se indica a continuación. '''js const script = función() { const script = document.createElement('script'); script.src = 'http://localhost:8888/builder/sites/site1/assets/js/jquery-1.12.4.min.js'; document.body.appendChild(script); }); '''js editor. BlockManager.add('site1', { etiqueta: 'Planti...

artf

Lo siento, pero no entiendo dónde está tu problema. Has creado el componente 'comp-with-js' pero luego no muestras dónde lo estás usando... Por favor, proporcionad una demo reproducible.

mingxin-yang

la función script no funciona después de arrastrar el bloque @artf

mingxin-yang

https://grapesjs.com/docs/modules/Components-js.html#basic-scripts

#372726 de agosto de 2021por SintoDema4 respuestas
Reacciones 1

Problema sobre la importación de estilos

Hola @artf, Describe el error con detalle Mientras creaba una nueva plantilla usando GrapesJS, me encontré con un escenario en el que, cuando intentamos importar CSS desde el modal de importación, no se refleja en el editor. En un editor en blanco, he creado una plantilla con HTML y CSS añadiéndose.Después de eso, nec...

artf

Hola @javadsamiee el problema se solucionó en la última versión del plugin de presets

artf

Hola @SintoDema el problema está aquí https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18 Como ves, actualiza componentes pero no elimina el módulo de estilos. No...

javadsamiee

Hola @SintoDema el problema está aquí https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18Como ves, actualiza componentes pero no borra el módulo de estilos. No te...

#371721 de agosto de 2021por Vikash-ra2 respuestas
Reacciones 0

La plantilla no se carga usando solo componentes

Estoy intentando cargar una plantilla existente. Creo que debería funcionar con componentes o HTML, pero parece que solo funciona a través de HTML. El siguiente código no funciona, pero el código con el HTML correspondiente sí. El Json de Página de Aterrizaje se tomó del panel de la barra de herramientas de desarrollo...

artf

@Vikash-ra, por favor sigue la plantilla de la incidencia cuando crees una.

ClaudeCode

Gracias por informar de esto, @Vikash-ra. Gracias por compartir tu informe sobre La plantilla no carga solo con componentes. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeS...

#370615 de agosto de 2021por momu-2016Respuesta 1
Reacciones 0

El CSS en el bloque no puede eliminarse cuando el bloque ha sido eliminado

Grapesjs versión v0.16.45, intento usar el plugin de cuenta atrás (https://github.com/artf/grapesjs-component-countdown), todo funciona bien cuando borro todo el componente A través de la barra de herramientas, se eliminan el HTML y los componentes, pero Style y CSS siguen en LocalStorage. Lo que me desconcierta es qu...

ClaudeCode

Gracias por informar de esto, @momu-2016. Gracias por compartir tu informe sobre el css en el bloque no puede ser eliminado cuando el bloqueo ha sido eliminado. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: U...

#370213 de agosto de 2021por throne1986Respuesta 1
Reacciones 0

Etiquetas de cabeza HTML no añadidas al dom

Estoy usando [grapesjs library][1] para crear páginas web, he añadido un bloque personalizado según docs [aquí][1] cuando arrastro el bloque a canvas, se añaden datos HTML pero la etiqueta '<head></head>' está vacía, Aquí está mi código function tempOnePlugin(editor) { editor. BlockManager.add('my-first-block', { etiq...

ClaudeCode

Gracias por informar de esto, @throne1986. Buena pregunta sobre etiquetas HTML de cabeza no añadidas al dom. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...

#369912 de agosto de 2021por diegoSenra4 respuestas
Reacciones 0

El flotamiento de la celda desplaza aleatoriamente a la celda real

¡Hola! Estoy usando grapesJs para editar correos electrónicos en un proyecto de mi empresa, con el plugin Newsletter. Todo funciona muy bien, excepto este bug que no puedo solucionar: A veces, cuando arrastro bloques dentro del lienzo, el flotador de la celda se mezcla. El mayor problema es que este comportamiento es...

artf

¿Estás usando la última versión?

diegoSenra

Usando la versión minificada 0.10.7

artf

Lo siento, amigo, es una liberación de hace 4 años, no puedo ayudarte aquí. ¿Has intentado actualizar?

#369311 de agosto de 2021por GaikwadShubham3 respuestas
Reacciones 1

AdoptStylesheet no soportado en grapesJS

Versión: Puedes obtener la versión escribiendo 'grapesjs.version' en la consola 0.17.22 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No ¿Cuál es el comportamiento esperado? Deberías poder ver el componente web de forma similar a como está fuera del contenedor GrapesJS Describe el error detallado Grapesjs no puede...

artf

Este problema se debe a cómo funciona AdoptStylesheet y es similar a este de lit-element. Básicamente, no puedes compartir la misma hoja CSSStyleSheet entre varios documentos, así que tienes que recrearla manualmente; aquí abajo tienes un...

vasicvuk

¿Hay alguna solución para usar componentes lit-element 3.X con grapesJS?

ClaudeCode

Gracias por informar de esto, @GaikwadShubham. El problema con AdoptStylesheet no soportado en grapesJS parece ser un problema de condición de carrera o de sincronización de gestión del estado. Esto suele ocurrir cuando los eventos del cic...

#369010 de agosto de 2021por throne1986Respuesta 1
Reacciones 0

Añadir A no trabajar con el gestor de rasgos

Tengo un ejemplo básico que sigue HTML <div id="gjs"> <div class="traits-container"></div> <div style="relleno: 25px">Hola Mundo!!</div> </div> <h1> Añadir gestor de rasgos </h1> <div class="traits-container"></div> Js const editor = grapesjs.init({ Contenedor: '#gjs', fromElement: cierto, Altura: '100%', storageManag...

ClaudeCode

Gracias por informar de esto, @throne1986. Buena pregunta sobre appendTo no trabajar con el gestor de rasgos. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS d...

#368810 de agosto de 2021por mingxin-yang2 respuestas
Reacciones 0

Cómo personalizar un componente

Leí este documento https://grapesjs.com/docs/modules/Components.html#define-custom-component-type e intenté escribir el siguiente código. Quiero que 'mj-body' sea imposible de eliminar: Pero no veo efecto, por favor ayudadme

artf

Haz esto 'isComponent: el => (el.tagName || '').toLowerCase() === 'mj-body','

ClaudeCode

Gracias por informar de esto, @mingxin-yang. Buena pregunta sobre Cómo personalizar un componente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo...

#36859 de agosto de 2021por throne1986Respuesta 1
Reacciones 0

ShowStylesOnChange no funciona

Chicos, soy nuevo en las uvas, me gustaría que en el cambio de componente mostrara el Style Manager, aquí está mi componente y cómo lo añado, también me gustaría escribir un vídeo en asset manager ! imagen Desafortunadamente, ni el Style Manager ni el tipo de vídeo están añadidos, ¿alguien puede decirme la forma corre...

ClaudeCode

Gracias por informar de esto, @throne1986. Buena pregunta sobre showStylesOnChange no está funcionando. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu m...

Explora todos los temas