Problemas con GrapesJS

msftedad

Hola equipo, ¿Alguna novedad sobre este problema?

GJS Helper

Esta es una preocupación válida de accesibilidad. El lienzo del editor de GrapesJS se representa dentro de un elemento <iframe> . Para que los lectores de pantalla identifiquen y anuncien correctamente el propósito de este iframe, necesita...

trebor94

Me he estado encontrando con el mismo problema y también uso el plugin 'grapesjs-mjml'. Aparentemente solo ocurre cuando se carga un proyecto que tiene la propiedad 'style' presente en los 'atributos' de un componente cuando el proyecto es...

trebor94

Desafortunadamente, no he conseguido averiguar dónde ni cuándo exactamente se añade la propiedad 'style' al componente 'style' al exportar datos de un proyecto previamente cargado. Quizá alguien más pueda identificar qué causa el problema....

GJS Helper

Parece que te has encontrado con un error en GrapesJS, especialmente al trabajar con componentes MJML y aplicar estilos como el relleno, lo que lleva a que se generen y almacenen atributos inválidos. Este problema parece ser una regresión,...

niemyjski

También estoy viendo este comportamiento.

artf

Esto está relacionado con https://github.com/GrapesJS/preset-webpage Eres libre de actualizar estilos además de ese plugin o de enviar un RP con las correcciones ahí.

GJS Helper

Lograr el cumplimiento total de accesibilidad en un editor web complejo y dinámico como GrapesJS requiere una cuidadosa consideración y personalización. La Herramienta de Evaluación WAVE suele señalar problemas relacionados con atributos A...

artf

Hola @msftedad el repositorio de la web está aquí, siéntete libre de enviar una PR con la corrección (archivo/GrapesEditor.tsx)). Voy a cerrar el tema porque no está relacionado con el núcleo.

GJS Helper

Este es un informe válido e importante de error de accesibilidad para la página de demostración de GrapesJS . El problema surge de que la etiqueta de <img> del logo de GrapesJS tiene un atributo de alt vacío, lo que indica incorrectamente...

Mustufask

@artf por favor, ayudadme a solucionar este problema, ya que los archivos de este node module no permiten que grapesjs funcione en mi react proyecto

artf

Discusión relacionada https://github.com/GrapesJS/grapesjs/discussions/5400 Por favor, utiliza la búsqueda antes de abrir un problema.

GJS Helper

El error de Uncaught TypeError: _webpackrequire.r is not a function que estás encontrando es un problema común y específico de Webpack relacionado con cómo gestiona los módulos ES (archivos que terminan en .mjs) y su lógica interna de inte...

artf

Proporcionar una demostración válida y reproducible

GJS Helper

El problema que estás encontrando cuando un elemento <td> cambia su comportamiento de visualización (apareciendo como un table-row o table-body) cuando se aplica float: right o float: left no es un error específico de GrapesJS. En cambio,...

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

artf

En tu caso, te sugeriría crear un gestor de bloques personalizado donde puedas adaptar la interfaz de usuario de tus bloques como quieras (por ejemplo, búsqueda, virtualización del DOM, etc.)

GJSBlock

Gracias por informar de esto, @jloguercio. Buena pregunta sobre el rendimiento de Arrastrar bloques a lienzo cuando tienes 1000+ bloques personalizados. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Co...

throne1986

Solucioné el problema para futuras referencias primero eliminé esta función: editor.on("component:add", (model, argument) => { if (model.getName() === "Image") { modal.setContent(ModalImages); } }); La he sustituido por esta función editor...

artf

Cuando ejecutas 'editor.command.run('open-assets')' tienes que pasar opciones, por ejemplo, '''js editor.command.run('open-assets', { objetivo: editor.getSelected(), }) ```

throne1986

@artf solucioné el problema, era por el problema de cierre, la solución simplemente pasaba la URL como opciones de la siguiente manera editor. Commands.run("open-assets", { objetivo: editor.getSelected() URL: imageUrl }); editor. Commands....

GJSBlock

Gracias por informar de esto, @tmrowe123. Gracias por compartir tu informe sobre Intentar añadir un atributo onClick al componente. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible...