PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

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 not supported in 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?

GJSBlock

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

How to customize a component

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

artf

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

GJSBlock

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 is not working

Chicos, soy nuevo en grapes, me gustaría que en cambio de componente mostrara el Style Manager, aquí está mi componente y cómo lo añado, además me gustaría escribir un vídeo en asset manager ! [imagen] (https://user-images.githubusercontent.com/27904724/128702762-bdd9dea5-bb69-4a6f-8456-8e81731d4768.png) Desafortunada...

GJSBlock

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

How to set the component cannot be deleted

! 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 not working with extended text component

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

GJSBlock

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

Invisible webcomponents

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, ... }, }) ```

GJSBlock

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

GJSBlock

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 grapesjs cargar scripts. Cuando cargo una página de inicio 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 usa en Página de Destino. JavaScript n...

GJSBlock

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