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 3,464

#557020 de diciembre de 2023por prateekkumar-ec3 respuestas
Reacciones 0

El botón de importar elimina todo el estilo de todas las páginas.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible N/A (puedo compartir vídeo si es necesario para seguir conversando) Describe el bicho ¿Cómo reproducir el bicho?Supongamos que tienes contenido en tu página actual con...

afrinxnahar

Sería genial que pudieras adjuntar un vídeo, por favor. No estoy seguro sobre lo de la ventana emergente vacía

artf

@prateekkumar-ec esto no es un problema central.

GJS Helper

Este es un problema conocido relacionado con cómo el comando GrapesJS core:import-code gestiona la entrada CSS vacía, especialmente en configuraciones de varias páginas. Cuando se hace clic en el botón de importación y el campo de entrada...

#556318 de diciembre de 2023por leo-budgetsimpleRespuesta 1
Reacciones 0

¿Se están eliminando los atributos de las etiquetas de script en el lienzo?

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? última versión de ChromeEnlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho ¿Cómo reproducir el bicho? Tomar una cadena html y renderizarla en grapesjs con este código (tengo activado allowScripts) E...

GJS Helper

El comportamiento que observas con atributos de etiquetas de script que no aparecen en el lienzo de GrapesJS , aunque están presentes en el HTML exportado, es esperado y por diseño para cómo GrapesJS maneja elementos no visuales, especialm...

#555613 de diciembre de 2023por pittleCheung2 respuestas
Reacciones 0

Demasiadas clases harán que la página web se bloquee

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? última versión de Chrome Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? editor.addComponents(' <ul class="mb-5 flex list-none flex-row flex-wrap border-b-0 pl-0" ro...

artf

Ya reportado y arreglado https://github.com/GrapesJS/grapesjs/issues/5525

GJS Helper

El problema que estás experimentando, donde GrapesJS se bloquea o se vuelve insensible al añadir y seleccionar elementos con un gran número de clases de utilidad (especialmente de frameworks como Tailwind CSS o librerías de componentes que...

#55496 de diciembre de 2023por driskell4 respuestas
Reacciones 0

MJ-Preview no es editable

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Safari 17Enlace de demo reproducible https://grapesjs.com/demo-mjml.htmlDescribe el bicho ¿Cómo reproducir el bicho?https://grapesjs.com/demo-mjml.htmlVe a ver código - copia el MJMLVe a importar código: pega el MJML y añad...

artf

Esto no es un problema relacionado con el núcleo y probablemente no sea un problema en absoluto, ya que <mj-preview>'' no es compatible por defecto en el plugin mjml

driskell

@artf Perdona, no lo entiendo. Es un problema tan detallado. ¿Es algo que debo mencionar en el otro repositorio? No conozco bien los componentes internos aquí, así que no sé qué necesita soportar GrapesJS/mjml para que este repositorio no...

driskell

Se señala en el Head: https://github.com/GrapesJS/mjml/blob/master/src/components/Head.ts#L14

#55455 de diciembre de 2023por AFriboulet-iiRespuesta 1
Reacciones 0

Arrastrar el texto de tipo componente "rte:disable"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 119.0.6045.200 Enlace de demo reproducible https://jsfiddle.net/d64pkcom/1/ Describe el bicho ¿Cómo reproducir el bicho?Arrastrar texto componente en CanvasMira la consola de jsfiddle ¿Cuál es el comportamiento es...

GJS Helper

Has identificado con precisión un comportamiento menor, aunque inesperado, en GrapesJS donde se activa el evento rte:disable al arrastrar un nuevo componente (como un bloque de texto) desde el panel de bloques al lienzo. De hecho, este no...

#55424 de diciembre de 2023por brenoassp2 respuestas
Reacciones 2

Error reproducción automática en YouTube

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 119.0.6045.200 64 bits Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Arrastrar y soltar un bloque de vídeo en el lienzoHaz clic en el vídeo y selecciona YouT...

artf

Parece que la propiedad de silencio era correcta para Vimeo pero no para Youtube. Empujaré la solución, gracias.

GJS Helper

Gracias por reportar este problema y por tu investigación exhaustiva. Has identificado correctamente la causa raíz y una solución que funciona. Esto es, efectivamente, un error en el componente de vídeo predeterminado de YouTube de GrapesJ...

#553629 de noviembre de 2023por adiuxRespuesta 1
Reacciones 0

No se puede añadir un enlace: getModel() falla con: TypeError: $ no es una función

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 119 Enlace de demo reproducible https://jsfiddle.net/bj7afw63/1/ Describe el bicho ¿Cómo reproducir el bicho?Cargar el violínIntenta añadir un enlace con el RTE por defecto (no CKE)No ocurre nada en la inte...

GJSBlock

Gracias por informar de esto, @adiux. Buena pregunta sobre No se puede añadir un enlace: getModel() falla con: TypeError: $ no es una función. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consult...

#553025 de noviembre de 2023por Harshsne26Respuesta 1
Reacciones 0

Deshacer el inicio y parar del jefe no funciona como se espera

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v91 Enlace de demo reproducible https://codepen.io/dhanadsp1120/pen/ExrRvOB Describe el bicho ¿Cómo reproducir el bicho?Desactivar el gestor de deshacer invocando um.stop().Hacer modificaciones en el contenido.Reac...

GJS Helper

El problema que has descrito con el Administrador de Deshacer de GrapesJS (um.stop() y um.start()) es un comportamiento conocido donde el método um.stop(), a pesar de configurar la bandera interna de enabled en false, no impide consistente...

#552519 de noviembre de 2023por duydvu2 respuestas
Reacciones 3

Problemas de rendimiento al añadir más de 20 clases a un solo componente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Edge v119.0.2151.72 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Hola, gracias por crear un proyecto increíble. Me gustaría informar de un problema encontrado durante el uso de GrapesJS. ¿C...

artf

Estoy de acuerdo con la alternativa sugerida, actualizaré en consecuencia. ¡Gracias @duydvu

GJSBlock

Gracias por informar de esto, @duydvu. Buena pregunta sobre Problemas de rendimiento al añadir más de 20 clases a un solo componente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la doc...

#552318 de noviembre de 2023por lexoyo2 respuestas
Reacciones 0

Pegar cuando no se seleccione nada

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Seleccionar un componente en el escenarioCopiar el componente con CTRL+cSeleccionar el cuerpo (deseleccionar e...

lexoyo

Ten en cuenta que este error hace imposible copiar y pegar elementos en una página vacía

GJS Helper

El problema que has descrito es un comportamiento conocido en el comando paste-component por defecto de GrapesJS. La causa raíz está en la implementación del comando, concretamente en la condición if (!selected || !selected.length) return;...

Explora todos los temas