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

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

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

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

#55036 de noviembre de 2023por MaxwellTheSecond3 respuestas
Reacciones 1

El método replaceWith no tiene tipo de cadena

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible ninguno Describe el bicho replaceWith de Component.ts no tiene un tipo para cuerda. ¿Cuál es el comportamiento esperado? Debería poder reemplazar un componente por una cuerda como en el...

MaxwellTheSecond

Marca personal: #5504

artf

Fusionados https://github.com/GrapesJS/grapesjs/pull/5504

GJS Helper

Has identificado correctamente un problema de tipificación TypeScript con el método replaceWith en GrapesJS. Aunque el método internamente soporta reemplazar un componente por una cadena HTML, su definición TypeScript (Component.d.ts) actu...

#548728 de octubre de 2023por MaxDBenson3 respuestas
Reacciones 0

Style Manager no muestra múltiples reglas para la misma clase

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https://jsfiddle.net/497zkrpm/1/ Describe el bicho ¿Cómo reproducir el bicho?Seleccione el componente "Hola Mundo"Abre el Style Manager y asegúrate de que "miclase" esté marcado en la s...

artf

No es un error, el gestor de estilos maneja solo una regla a la vez, si quieres un uso más avanzado, puedes usar la API e implementar tus funcionalidades (por ejemplo, seleccionar diferentes reglas con el mismo selector).

MaxDBenson

No es un error, el gestor de estilos maneja solo una regla a la vez, si quieres un uso más avanzado, puedes usar la API e implementar tus funcionalidades (por ejemplo, seleccionando diferentes reglas con el mismo selector). Ya veo. ¿Te imp...

GJS Helper

El problema que has encontrado con el Gestor de Estilos GrapesJS que no muestra todas las reglas para la misma clase es un comportamiento conocido derivado de cómo interactúan los CssComposer y StyleManager internos del editor con las regl...

#548426 de octubre de 2023por pittleCheung2 respuestas
Reacciones 0

Clone Tab y Clone Tab no está ahora mismo

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 https://github.com/GrapesJS/components-tabs Pregunta uno <img width="1421" alt="image" src="https://github.com/GrapesJS...

artf

Por favor, abre los problemas de errores solo si están relacionados con la biblioteca principal, no con plugins.

GJS Helper

Los problemas que estás experimentando con la clonación de pestañas y todo el componente de pestañas en GrapesJS, especialmente con el plugin grapesjs-components-tabs , provienen de cómo GrapesJS gestiona los IDs de componentes durante el...

#546012 de octubre de 2023por mapsmarketing4 respuestas
Reacciones 1

Cargando 'component' y 'styles' desde 'pageManager'

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v117.0.5938.149Enlace de demo reproducible https://jsfiddle.net/9oLrsvya/Describe el bicho ¿Cómo reproducir el bicho?Por favor, consulte el objeto 'pageManager' en el jsfiddle ¿Cuál es el comportamiento esperado? Con...

mapsmarketing

Una cosa molesta es que el editor está preinstalando los estilos predeterminados que aparecen a continuación, que al guardar los estilos tienen numerosos duplicados: Edito: Mirando la documentación finalmente conseguí encontrar 'protectedC...

artf

Hola @mapsmarketing actualmente GrapesJS no puede importar correctamente documentos HTML como cadena, así que el analizador salta elementos como 'html', 'head', 'body' y solo devuelve lo que está analizado dentro del 'body'; una solución q...

mapsmarketing

Hola @artf, He encontrado una forma de conseguir correctamente los atributos del 'cuerpo' junto con los estilos guardados mediante el siguiente método: He notado que tu Page.toJSON muestra todo lo de la página especificada. Sin embargo, no...

Explora todos los temas