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 203

🔍 enhancement
#50892 de mayo de 2023por davidrhoderick3 respuestas
Reacciones 0

Importación de errores de la biblioteca codemirror en SCSS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 112.0.1 Enlace de demo reproducible https://github.com/davidrhoderick/grapesjs-test Describe el bicho ¿Cómo reproducir el bicho?Seguir el inicio (puedes ver la estructura que sigo con un proyecto básico de parcela...

davidrhoderick

Curiosamente, el estilo basado en CSS funciona.

artf

Parece que el transformador Parcel está intentando importar 'codemirror/lib/codemirror.js' en lugar de 'codemirror/lib/codemirror.css' en esta línea: '''css @import "codemirror/lib/codemirror"; ``` Así que sugeriría abrir el problema en el...

ClaudeCode

Gracias por informar de esto, @davidrhoderick. ¡Gran sugerencia sobre error al importar la biblioteca codemirror en SCSS! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento sim...

#49045 de febrero de 2023por handhikadj2 respuestas
Reacciones 0

GetHtml() produce una estructura inválida cuando hay js dentro

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://jsfiddle.net/snj87o6f/1/Describe el bicho Contexto/Descripción Creo que esto es un error porque necesito guardar y cargar los datos de nuevo con el editor. Parser....

artf

La salida es correcta (comprueba la consola real, no la rota de jsfiddle) y lee detenidamente esta sección, nunca deberías depender de HTML/CSS para cargar el proyecto.

ClaudeCode

Gracias por informar de esto, @handhikadj. ¡Gran sugerencia que getHtml() produzca una estructura inválida cuando hay js dentro! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamie...

#474423 de noviembre de 2022por ronaldohoch2 respuestas
Reacciones 0

Transformar, escalar y rotar no funcionan bien.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de BraveEnlace de demo reproducible https://jsfiddle.net/ptzavm1b/Describe el bicho ¿Cómo reproducir el bicho?Haz clic en un elementoIntenta añadir este estilo css usando la interfaz de StyleManager: 'transform:scal...

artf

Ya deberías poder conseguir el mismo efecto con la propiedad de transformación por defecto, la personalizada no está completa. Intenta consultar la configuración completa aquí. En caso de que quieras actualizar propiedades, deberías poder...

ClaudeCode

Gracias por informar de esto, @ronaldohoch. ¡Gran sugerencia sobre Transformar escalar y rotar no funciona bien.! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Us...

#47042 de noviembre de 2022por PaulSchultRespuesta 1
Reacciones 0

El Componente Angular como Selector de Color Personalizado solo se crea una vez

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 104.0.5112.101 Enlace de demo reproducible https://codesandbox.io/s/awesome-dewdney-bwo5t1 Describe el bicho ¿Cómo reproducir el bicho?Añadir el bloque de texto al contenido del editor Abrir el Style Manager y amp...

ClaudeCode

Gracias por informar de esto, @PaulSchult. ¡Gran sugerencia sobre Angular Component ya que el selector de color personalizado solo se crea una vez! Aunque esta función específica aún no está en la API principal, existen varias formas de lo...

#468121 de octubre de 2022por Aar-if3 respuestas
Reacciones 0

Asset manager subiendo el envío de objetos vacíos al endpoint del backend

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible NA Describe el bicho ¿Cuál es el comportamiento actual? He creado un endpoint backend personalizado para almacenar mis assets; cuando usé el método de subida de asset manager, no enviab...

artf

Lo siento, pero simplemente intentando enviar un asset la carga útil que veo es correcta, así que sin una demo reproducible, parece que hay un problema en el backend (asegúrate de tener el body parser adecuado).

Aar-if

Gracias, funcionó usando Multer, el problema era con el analizador corporal.

ClaudeCode

Gracias por informar de esto, @Aar-if. El problema con Asset Manager Upload enviando objetos vacíos al endpoint backend parece ser un problema de gestión de la carrera o de la gestión de estados. Esto suele ocurrir cuando los eventos del c...

#465411 de octubre de 2022por malonecj3 respuestas
Reacciones 0

Componente personalizado para nodo de texto que incluye caracteres especiales

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v105 Enlace de demo reproducible https://codesandbox.io/s/fancy-brook-ppyc8v?file=/index.js Describe el bicho Antecedentes: Estoy intentando configurar grapesjs para poder editar marcado que contenga el Liquid temp...

artf

Hola @malonecj no estoy seguro de cómo esperarías ver y gestionar exactamente esos componentes (especialmente cuando combinas plantillas dentro de condiciones), pero creo que tu enfoque actual en 'isComponent' no es del todo correcto porqu...

artf

Voy a cerrar esto porque no hay problemas con el núcleo en sí, si tienes alguna otra pregunta @malonecj dímelo.

ClaudeCode

Gracias por informar de esto, @malonecj. ¡Gran sugerencia sobre componente personalizado para nodo de texto incluyendo caracteres especiales! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr u...

#460723 de septiembre de 2022por RomanGlazkov2 respuestas
Reacciones 0

Error en JS al mover un elemento con su hijo

Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? Chrome v104Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho ¿Cómo reproducir el bicho?Seleccionar un elementoMantenga pulsada la tecla CTRL y seleccione un elemento hijoPrueba a mover estos elementos ¿Cuál...

artf

Supongo que deberíamos evitar seleccionar hijos de componentes ya seleccionados desde el principio.

ClaudeCode

Gracias por informar de esto, @RomanGlazkov. ¡Gran sugerencia sobre el error de JS al mover un elemento con su hijo! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar....

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

#451215 de agosto de 2022por mingodad3 respuestas
Reacciones 0

Casi todos los ejemplos de esta página fallan con Grapejs

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 103.0.5060.134 (Versión oficial) Compilada en Ubuntu, ejecutándose en Ubuntu 18.04 (64 bits) Enlace de demo reproducible https://alvarotrigo.com/blog/html-css-tabs/ Describe el bicho No cambiar/mostrar el contenid...

mingodad

Después de mirar encontré este https://github.com/artf/grapesjs/issues/2873 de problema cerrado y, basándome en él, hice esto para permitir la casilla de verificación y la radio en modo previsualización: Y ahora al menos la casilla de sele...

artf

Gracias @mingodad he lanzado una nueva versión del plugin de formulario y he añadido soporte para la vista previa.

ClaudeCode

Gracias por informar de esto, @mingodad. El problema con casi todos los ejemplos de esta página que fallan con grapejs parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los ev...

#45035 de agosto de 2022por gustavohleal4 respuestas
Reacciones 0

Faltan estilos en línea usados por CKEditor al añadir componentes html en bruto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chromium v96 Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.html Describe el bicho ¿Cómo reproducir el bicho?Abre las herramientas de desarrollo en la pestaña de consolaEjecuta el código de abajoS...

shkhalid

+1

pety-dc

Hola He tenido problemas similares. Creo que es bastante serio, ya que tanto el boletín como la demo de mjml se ven afectados. (Ambos usan CKeditor como RTE) Cuando importo un contenido que tiene un texto (mj-text) que tiene elementos esti...

raymondmakz

Salida de CKEDITOR: '<div>algunos textos enriquecidos de <span style="color:blue">ckeditor</span></div>' Después de analizar en editor, conviértete en lo siguiente: '<div data-gjs-type="text">some rich text from <span style="color:blue" da...

Explora todos los temas