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

#573911 de marzo de 2024por rhoenerSBSRespuesta 1
Reacciones 0

Tipo incorrecto en la interfaz ColorPickerOptions

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible No aplicable Describe el bicho La interfaz ColorPicker que venía con la última versión define la opción "preferredFormat" para esperar un valor 'booleano', pero la documentación del...

GJS Helper

Este es, de hecho, un informe de error válido respecto a las definiciones de tipos TypeScript en GrapesJS para la interfaz ColorPickerOptions . La propiedad preferredFormat está incorrectamente tipada como boolean cuando debería string seg...

#57298 de marzo de 2024por Sphenox4 respuestas
Reacciones 1

Edición/reemplazo del texto dentro de un enlace

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Demo abiertoCrear un texto, con un enlace editar texto con el RTE predeterminadoseleccionar el enlace comp...

bernesto

@artf, tienes razón otra vez. El espacio en blanco en el nodo importa. Si el texto se acerca justo al nodo que se cierra, la primera pulsación sustituye al texto, la siguiente sale del nodo; si no, funciona como cabría esperar. Hay un hilo...

bernesto

Solo para aclarar, ¿te refieres a la selección y edición del texto dentro del enlace comportándose de forma anormalmente así? ! Kapture 2024-03-08 a las 09:01 50

Sphenox

Sí, exactamente como se muestra en el vídeo que has proporcionado.

#57248 de marzo de 2024por bernesto2 respuestas
Reacciones 0

Manejo de espacios en blanco en elementos en línea

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v122Enlace de demo reproducible https://jsfiddle.net/zwo0mdqf/5/Describe el bicho ¿Cómo reproducir el bicho?Crear elementos válidos de bloques en línea como span, b, i, em, etc., que usen múltiples espacios, tabulaci...

danstarns

Cerrando a favor del commit fusionado. https://github.com/GrapesJS/grapesjs/pull/5719

GJS Helper

El problema que estás encontrando con el manejo de espacios en blanco en GrapesJS, específicamente con los elementos en línea y la salida getHtml(), proviene de cómo los analizadores HTML y el modelo de componentes de GrapesJStratan los di...

#57206 de marzo de 2024por bernesto2 respuestas
Reacciones 0

Propagar componentes por defecto puede romper capas cuando se introducen los comentarios hijos

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/n38vbktg/ Describe el bicho ¿Cómo reproducir el bicho?Crear un componente que propague valores predeterminados que incluyan capas = verdadero. Introduce un come...

artf

¡Buen apunte @bernesto

GJS Helper

Este es un informe de error válido. El problema surge porque el sistema de componentes de GrapesJS, especialmente cuando layerable: true se propaga, intenta procesar nodos de comentarios HTML como si fueran elementos HTML estándar. Esto pr...

#57184 de marzo de 2024por mitcht2 respuestas
Reacciones 0

Posible problema con la ruta de actualización donde 'textnode' ahora se llama 'wrapper' desde la versión 0.18 hasta la > última

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 122.0.6261.95 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/n4x6L1v0/2/ Describe el bicho ¿Cómo reproducir el bicho?Guardar datos de componentes de una versión anterior de gra...

artf

Gracias @mitcht pero como ya mencioné, el componente principal nunca pudo ser Textnode, así que no tiene sentido manejar un caso así en el núcleo o tener este problema abierto. En fin, si la lógica te funciona, úsala en tu editor.

GJS Helper

El problema que estás encontrando es un cambio de ruptura conocido relacionado con la evolución de la arquitectura interna de componentes de GrapesJS, específicamente cómo se maneja el componente raíz de una trama. En versiones antiguas (c...

#57154 de marzo de 2024por afrinxnaharRespuesta 1
Reacciones 0

Enlace roto en la documentación de la API

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Versión 123.0 (64 bits) Enlace de demo reproducible No presente Describe el bicho Supongo que la mayoría de los archivos de .js se han convertido en mecanografia, pero puede que haya más enlaces rotos como el de a...

GJS Helper

Gracias por reportar este enlace roto en la documentación de la API de GrapesJS . Has identificado correctamente la causa raíz. Causa raíz El proyecto GrapesJS ha estado experimentando una migración significativa de JavaScript a TypeScript...

#570827 de febrero de 2024por ravisaxena2 respuestas
Reacciones 0

Capacidad para cambiar todas las propiedades de margen, relleno, etc.

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 Ahora estamos funcionando en una máquina local Describe el bicho Hola, ahora mismo grapesjs ofrece propiedades integradas como margen y relleno que permiten al usuario...

artf

Por favor, evita abrir los problemas de ERROR sin leer el verdadero sentido de los problemas en la plantilla.

GJS Helper

¡Es una gran sugerencia para mejorar la experiencia de estilo GrapesJS ! Por defecto, el Gestor de Estilos de GrapesJSofrece un control granular sobre propiedades CSS como margin y padding, permitiéndote ajustar cada lado (arriba, derecha,...

#570526 de febrero de 2024por bernesto4 respuestas
Reacciones 0

Las herramientas de componentes se desalinean cuando el editor se redimensiona

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/Lk2bwhp4/ Describe el bicho ¿Cómo reproducir el bicho? Colocar el editor dentro de un contenedor y luego redimensionar programáticamente el ancho del contenedor...

artf

Gracias @bernesto por el informe, pero como no podemos detectar cambios en el diseño programático sin afectar al rendimiento, en este caso tienes que actualizar manualmente el diseño del editor mediante 'editor.refresh()' (por ejemplo, en...

bernesto

Hola @artf, de hecho me lo mezclé accidentalmente en la última solicitud de tirada que aceptaste (src/canvas/model/Frame.ts). Quizá quieras echar un vistazo a lo que añadí y ver si está causando algún problema. Ahora mismo lo tenemos en pr...

artf

de hecho, esto se mezcló accidentalmente en la última solicitud de tirada que aceptaste y de hecho lo quité porque parecía no tener relación 🤣 No es un problema añadirlo de nuevo, pero ten en cuenta que tu ejemplo solo funcionará por el d...

#570325 de febrero de 2024por bernestoRespuesta 1
Reacciones 0

Desplazamiento del selector de color respecto al contenedor del editor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/v4e5d90z/ Describe el bicho ¿Cómo reproducir el bicho?Coloca el editor en cualquier contenedor. ¿Cuál es el comportamiento esperado? El selector de color deberí...

GJS Helper

El problema que estás experimentando con el selector de color GrapesJS que aparece desplazado es un problema común relacionado con cómo los elementos emergentes de terceros (como selectores de color, tooltips o desplegables) gestionan su p...

#570024 de febrero de 2024por upadhyay88442 respuestas
Reacciones 0

=

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible No se puede proporcionar los datos sensiblesDescribe el bicho ¿Cómo reproducir el bicho?Dejar una página en el editor/Canvas.Ajustar la altura para ejemplo 600 puntos y también añadir un re...

upadhyay8844

@artf ¿puedes echarle un vistazo, por favor?

GJS Helper

El problema que te encuentras, donde una sección hija con height: 100% se solapa con su padre cuando el padre tiene altura y relleno fijos, y hay otros hermanos presentes, es un reto común de diseño en CSS. No es un error en sí GrapesJS ,...

Explora todos los temas