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 466

🔍 components
#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...

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

#36839 de agosto de 2021por mingxin-yang4 respuestas
Reacciones 2

Cómo configurar el componente no se puede eliminar

! imagen

mingxin-yang

https://grapesjs.com/docs/modules/Components.html#define-custom-component-type, esto? @artf

artf

Para habilitar el editor de texto enriquecido con un solo clic, puedes ampliar el componente de texto original de esta manera '''js editor. Components.addType('text', { Vista: { eventos: { entrada: 'onInput', // Preservar el evento origina...

artf

Te sugeriría crear un componente personalizado con la propiedad 'removible' configurada en 'false'

#36817 de agosto de 2021por Joshmamroud4 respuestas
Reacciones 0

Textable no funciona con el componente de texto extendido

Versión: 0.17.22 ¿Puedes reproducir el error de la demo?[X] Sí[ ] No ¿Cuál es el comportamiento esperado? Debería poder insertar un elemento textible en un componente personalizado que extienda el componente de texto ¿Cuál es el comportamiento actual? No se puede insertar un componente textible en un componente person...

artf

Hola @Joshmamroud hay un problema general con los componentes textibles aquí #2771

Joshmamroud

Gracias, @artf. Creo que mi problema aquí es más bien el componente personalizado que extiende el componente de Texto. Textable funciona como se espera con el componente original de texto, pero cuando intento crear mi propio componente de...

artf

Por tu demo, no veo problemas con el componente extendido de 'texto', sino solo con los relacionados con el texto

#36755 de agosto de 2021por rywilson28Respuesta 1
Reacciones 0

Las insignias pueden ocultar el contenido de los elementos incluso cuando hay espacio debajo del elemento

Versión: 0.17.23 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No Es posible que la insignia oculte el contenido del elemento si este se coloca en la parte superior del lienzo. ! imagen ¿Cuál es el comportamiento esperado? Si hay espacio, la etiqueta debe colocarse debajo del elemento. ! imagen ¿Puedes adjuntar cap...

ClaudeCode

Gracias por informar de esto, @rywilson28. El problema con las Insignias puede ocultar el contenido de los elementos incluso cuando hay espacio debajo del elemento parece ser una condición de carrera o un problema de timing de gestión de e...

#36745 de agosto de 2021por sriya-srinivasan4 respuestas
Reacciones 1

Componentes web invisibles

Versión: 0.17.19 ¿Cuál es el comportamiento actual? Que el componente web añadido sea visible: Al añadir componentes web dentro del contenedor grapesjs, el componente está vacío/vacío si tiene elementos en el DOM sombra. (Si no se usa el dom sombra para crear componentes, no hay problema.) Es visible en el administrad...

artf

He publicado una solución aquí https://github.com/artf/grapesjs/issues/3693

artf

Oye @sriya-srinivasan, ¿puedes crear una demo reproducible, por favor?

artf

@sriya-Srinivasan, ¿alguna novedad, por favor?

#36735 de agosto de 2021por imouou2 respuestas
Reacciones 0

Opción Resizeable:True cambiará todos los mismos componentes en Canvas.

ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...

artf

Utiliza el diseño primero por componentes '''js grapesjs.init({ ... selectorManager: { componentFirst: cierto, ... }, }) ```

ClaudeCode

Gracias por informar de esto, @imouou. El problema con option resizeable:true cambiará todos los mismos componentes en el lienzo. parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los e...

#365530 de julio de 2021por TRIGGEREDcoder2 respuestas
Reacciones 0

Los cambios en el nombre del botón del formulario no se capturan en el código HTML generado

Versión: Versión 0.17.19(grapesjs) Versión 0.1.11(grapesjs-preset-webpage) ¿Puedes reproducir el error de la demo?[ ] No ¿Cuál es el comportamiento esperado? Si cambio el nombre de un botón cambiando el texto en la configuración de componentes para el botón. El cambio debería reflejarse tanto en Canvas como en el códi...

artf

Hola @TRIGGEREDcoder hay un problema con el plugin de página web predefinido que hace referencia al antiguo plugin de formulario que contiene el error. Así que cierro este porque no forma parte del núcleo y actualizaré la referencia del pl...

ClaudeCode

Gracias por informar de esto, @TRIGGEREDcoder. El problema con Los cambios en el nombre de los botones de formulario no se capturan en el código html generado parece ser una condición de carrera o un problema de sincronización de gestión d...

#365430 de julio de 2021por NoumanAhmad-BraqsolRespuesta 1
Reacciones 0

Editor.setComponents(html) y pageManager.select(pageId) no cargan los scripts js

Hola, @artf Como he leído, allowScripts:1 permite a grapesjs cargar scripts . Cuando cargo una página de aterrizaje por primera vez funciona bien. Carga todo JavaScript. Después de esto, cuando uso editor.setComponents(html) o pageManager.select(pageId) para la misma cadena html que se usó en LandingPage. JavaScript n...

ClaudeCode

Gracias por informar de esto, @NoumanAhmad-Braqsol. ¡Gran sugerencia sobre [QUESTIONS] editor.setComponents(html) y pageManager.select(pageId) que no cargan scripts js! Aunque esta función específica aún no está en la API principal, existe...

Explora todos los temas