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

#460322 de septiembre de 2022por Akira-Kuru2 respuestas
Reacciones 1

Demo de página web mostrando incorrectamente en Firefox

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Firefox 105.0 (64 bits)Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho ¿Cómo reproducir el bicho?Abrir la página de demostración (https://grapesjs.com/demo.html) en Firefox. ¿Cuál es el comportam...

artf

Sí, gracias, @Akira Kuru solucionó el problema aquí https://github.com/artf/grapesjs-preset-webpage/releases/tag/v1.0.2

ClaudeCode

Gracias por informar de esto, @Akira-Kuru. Buena pregunta sobre Demo de página web que se muestra incorrectamente en Firefox. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación d...

#460121 de septiembre de 2022por bit-ocean4 respuestas
Reacciones 1

La actualización() de tipos personalizados añadidos a StyleManager ya no se activa al cambiar entre algunos objetivos.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chromium 104 Enlace de demo reproducible https://jsfiddle.net/aw8p0h9j/ Describe el bicho ¿Cómo reproducir el bicho?Abre el enlace de jsfiddle.Haz clic entre los divs y luego entre cualquiera de los divs y el fondo. ¿Cuál...

ronaldohoch

Lo mismo que se describe aquí, no es un problema: https://github.com/artf/grapesjs/issues/4350

artf

Sí, pero incluso en el caso de una interfaz personalizada, la actualización se omite si el valor no cambia, ya que no es necesario.

bit-ocean

El código que pegué está usando la API estándar, prácticamente copiada y pegada de la documentación. Y claramente el mecanismo de la actualización ha cambiado entre las versiones. Antes, si se había cambiado el elemento objetivo, se activa...

#460020 de septiembre de 2022por Aventrue3 respuestas
Reacciones 0

Tras la actualización a la 0.20 desde la 0.19, ocurre el error No puede asignar a solo lectura la propiedad 'defaults' del objeto '[objeto Objeto]'

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible ninguno Describe el bicho ! imagen image.js : ! imagenCódigo de conducta [X] Acepto seguir el Código de Conducta de este proyecto

collins-lagat

El comunicado dice que hay un cambio roto. Prueba eso y mira si el problema desaparece. Me ha salido el mismo error pero aún no he probado la solución. https://github.com/artf/grapesjs/releases/tag/v0.20.1

artf

Sí, como se menciona en la nota de la versión tienes que cambiar desde la antigua API antigua para el registro personalizado de componentes.

ClaudeCode

Gracias por informar de esto, @Aventrue. El problema con Después de la actualización a 0.20 desde la 0.19, el error No puede asignar a solo lectura la propiedad 'defaults' del objeto '[objeto Objeto]' parece ser una condición de carrera o...

#459215 de septiembre de 2022por harsh201Respuesta 1
Reacciones 0

El Componente Textible se vuelve No Editable cuando se suelta en un bloque de texto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 104.0.5112.102 Enlace de demo reproducible https://jsfiddle.net/harsh201/obng5cy2/ Describe el bicho ¿Cómo reproducir el bicho?Arrastra "Componente textible" dentro del bloque de texto.Prueba a editar texto dentro del blo...

ClaudeCode

Gracias por informar de esto, @harsh201. ¡Gran sugerencia sobre El componente textible se vuelve no editable cuando se coloca en un bloque de texto! Aunque esta función específica aún no está en la API principal, existen varias formas de l...

#458814 de septiembre de 2022por wunksert2 respuestas
Reacciones 0

API Docs Enlace de Configuración de Objeto roto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Safari Enlace de demo reproducible https://grapesjs.com/docs/api/editor.html#editor Describe el bicho ¿Cómo reproducir el bicho?Visita https://grapesjs.com/docs/api/editor.html#editorHaz clic en "Objeto de configuración"...

artf

Gracias @wunksert el enlace ya está actualizado y se corregirá en la próxima versión

ClaudeCode

Gracias por informar de esto, @wunksert. Buena pregunta sobre API Docs Configuration Object enlace roto. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módu...

#458013 de septiembre de 2022por Singwai2 respuestas
Reacciones 0

La posición inicial del cursor del redimensionador también debería usar el 'mousePosFetcher' si está disponible.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? CualquieraEnlace de demo reproducible CualquieraDescribe el bicho El Start Pos también debería usar el método 'MosePosFetcher' si se proporciona el sobreescritura, ¿verdad?Start Pos ! imagen https://github.com/artf/grapesjs...

artf

Sí, tienes razón, lo arreglaré, gracias por el informe.

ClaudeCode

Gracias por informar de esto, @Singwai. El problema con la posición inicial del cursor del Resizer también debería usar el 'mousePosFetcher' si se proporciona. parece ser un problema de condición de carrera o de sincronización de estado. E...

#457913 de septiembre de 2022por Singwai2 respuestas
Reacciones 0

La callback onEnd del redimensionador debería incluir el redimensionador y el objeto, similar a onStart

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? CualquieraEnlace de demo reproducible Ver captura de pantalla para el códigoDescribe el bicho ¿Hay algo que nos impida añadir el redimensionador y el en la callback onEnd? Ya que estamos reutilizando la instancia del resize...

artf

Claro, lo añadiré, gracias por la sugerencia.

ClaudeCode

Gracias por informar de esto, @Singwai. El problema con Resizer onEnd callback debería incluir el redimensionador y el objeto, similar a onStart, parece ser un problema de temporización de la condición de carrera o de gestión de estado. Es...

#457712 de septiembre de 2022por joukhar2 respuestas
Reacciones 0

Prevenir eventos usando un plugin personalizado

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 No hay demoDescribe el bicho Quiero evitar el evento, pero no puedo, lo intenté. y cómo evitar un evento en la tienda, por favor, ayudadme. '''js editor.off ('activo:uploa...

artf

Puedes usar Discusión si tienes preguntas. Los problemas son solo para errores reproducibles

ClaudeCode

Gracias por informar de esto, @joukhar. Buena pregunta sobre impedir eventos usando un plugin personalizado. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

#457612 de septiembre de 2022por benryanwilliams4 respuestas
Reacciones 1

Al hacer clic en 'envolver para estilo' afecta los componentes internos de otros componentes dentro del mismo cuadro de texto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 104.0.5112.101 Enlace de demo reproducible https://jsfiddle.net/7cLr0xt2/3/Describe el bicho ¿Cómo reproducir el bicho? Por alguna razón no puedo reproducir el error dentro del fiddle enlazado arriba, ya que la línea...

artf

RTE depende del contenido del DOM durante la edición, así que si lo eliminas deliberadamente con algo como '''js onRender() { this.el.innerHTML = this.model.get("displayedText") }, ``` Los componentes interiores se eliminarán una vez termi...

benryanwilliams

Vale, gracias @artf, tiene sentido. Sin embargo, esas líneas de código, junto con se requiere renderizar el estado seleccionado correcto dentro del lienzo de la siguiente manera (tanto al renderizar inicialmente el componente como cuando e...

benryanwilliams

Necesito hacer más pruebas, pero parece que he solucionado este comportamiento guardando los componentes internos dentro del propio componente al crearlo o editarlo, y luego usar el gancho 'rte:disable' de la siguiente manera: Parece un po...

#457510 de septiembre de 2022por Aventrue3 respuestas
Reacciones 1

Falta el personalizado en el AssetManagerConfig

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible Esto es un error de compilación Describe el bicho La propiedad personalizada falta en el AssetManagerConfig. Funciona si uso los grapesjs sin tipificar, pero quiero usarlos con tipos. ¿H...

Singwai

No dudes en actualizar la definición de tipo, aquí tienes un ejemplo de commit. https://github.com/artf/grapesjs/commit/49deeeeab74aff3e46f22d0bb06e7f7608955afd

Aventrue

Mi solución alternativa: let assetConfig: grapesjs. AssetManagerConfig = {}; assetConfig["custom"] = { abierto: (utilería) => { this.openGalleryDialog (atrezzo); }, Cerca: (utilería) => { this.dialog.closeAll(); }, };

ClaudeCode

Gracias por informar de esto, @Aventrue. El problema con Personalizado falta en AssetManagerConfig parece ser una condición de carrera o un problema de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los compo...

Explora todos los temas