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

#504010 de abril de 2023por abubaker417Respuesta 1
Reacciones 0

Añadió eventos estilizados para que el estilo pueda ser sobrescrito y abierto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 111.0.5563.147 (Versión oficial) (64 bits) Enlace de demo reproducible Proporcioné el código Describe el bicho Añadió eventos estilizables para que el estilo pudiera sobrescribirse https://github.com/GrapesJS/grap...

GJSBlock

Gracias por informar de esto, @abubaker417. El problema de añadir eventos estilizados de modo que el estilo pueda sobrescribirse, abierto parece ser una condición de carrera o un problema de gestión de tiempos de estado. Esto suele ocurrir...

#50376 de abril de 2023por siddhi13974 respuestas
Reacciones 0

¿Cómo arrastrar texto externo a un índice concreto dentro del componente textible?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible NA Describe el bicho ¿Cómo reproducir el bicho?...... ¿Cuál es el comportamiento esperado? ... Cuando arrastro contenido externo dentro del editor, debería soltarse en una posición espec...

siddhi1397

Hola @artf, Cuando arrastro contenido externo dentro del editor, debería soltarse en una posición específica, pero se está solapando con el contenido existente en el componente. ¿Hay alguna forma de colocar el texto en la posición específi...

artf

@siddhi1397 por favor, no abran los problemas de errores como características o preguntas

siddhi1397

Vale, perdón por eso. @artf Pero, ¿podrías ayudarme a saber cómo se puede implementar esto?

#502031 de marzo de 2023por at-codes2 respuestas
Reacciones 1

Cambiar el atributo del título en los botones del panel de vistas no persiste

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://jsfiddle.net/em9kt2Lb/Describe el bicho ¿Cómo reproducir el bicho? Implementa el código de abajo al cargar el editor ¿Cuál es el comportamiento esperado? Los títulos de los botones...

artf

Los títulos de los códigos de alta @at para los botones del panel están conectados directamente a i18n local strings, así que tendrás que actualizar esas cadenas ahí. Puedes encontrar más información sobre el módulo i18n aquí.

GJS Helper

El problema que estás encontrando, donde los títulos de los botones se revierten tras ser pulsados, proviene de manipular directamente los elementos DOM de GrapesJS componentes de la interfaz. GrapesJS, como muchos frameworks web modernos,...

#501931 de marzo de 2023por julia-alberici2 respuestas
Reacciones 0

No se puede configurar el modo de vista previa en editor init cuando se usa loadProjectData()

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v111 Enlace de demo reproducible https://codesandbox.io/s/grapesjs-react-components-forked-h3j496?file=/src/index.js Describe el bicho ¿Cómo reproducir el bicho?Iniciar un proyecto con grapesjs usando ReactjsUsa 'l...

julia-alberici

Para que conste, esto no era realmente un error, y pude lograr el comportamiento esperado reemplazando a 'editor.onReady(() => { editor.runCommand("preview"); }); ' con 'editor.on('update', () => { editor.runCommand('preview'); }); `

GJS Helper

El problema que estás encontrando, donde GrapesJS componentes mantienen comportamientos en modo edición (como los estilos de pasar el cursor o seleccionar) a pesar de ejecutar el comando preview después de loadProjectData() es un problema...

#501227 de marzo de 2023por Hunganh3012Respuesta 1
Reacciones 0

No sé por qué añadí el atributo src a la etiqueta select-image, pero no aparece en la sección 'viewcode' de GrapesJs

Em ở Việt nam (Soy de Vietnam) Espero que me ayuden. enlace github: https://github.com/GrapesJS/grapesjs/discussions/5011

GJS Helper

Parece que te estás encontrando con un problema común al trabajar con componentes personalizados en GrapesJS, específicamente relacionado con cómo se definen y serializan los atributos. El atributo src , aunque es estándar para una etiquet...

#500924 de marzo de 2023por Drive4ik2 respuestas
Reacciones 0

Style parsing error if it has @import

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? solo Firefox (todas las versiones)Enlace de demo reproducible https://jsfiddle.net/03m6jz5f/Describe el bicho ¿Cómo reproducir el bicho?Borrar la caché del navegadorPrueba a importar plantilla con etiqueta de estilo que ten...

artf

No es realmente solucionable porque los analizadores GrapesJS no pueden ser asíncronos ahora mismo, pero en cualquier caso, desde la perspectiva del rendimiento, nunca deberías usar '@import' en tu CSS porque genera una solicitud de bloqueo

GJSBlock

Gracias por informar de esto, @Drive4ik. Buena pregunta sobre el error de análisis de estilo si tiene @import. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS...

#500624 de marzo de 2023por sandipshirawala2 respuestas
Reacciones 0

Problema de aphostrope en grapejs - no se muestra al mostrar desde una cadena HTML

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v91 Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho $html = str_replace(" ' "," \' ",$html); Código de conducta [X] Acepto seguir el Código de Conducta de este proyecto

artf

Proporciona un enlace de demostración reproducible válido, no el que se usa como plantilla

GJSBlock

Gracias por informar de esto, @sandipshirawala. El problema con aphostrope en grapejs - que no se muestra al mostrar desde una cadena html parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cua...

#500323 de marzo de 2023por ngoc1992 respuestas
Reacciones 0

Slow absolute drag on Chrome

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 111 Enlace de demo reproducible https://jsfiddle.net/9zf4kd6e/ - esta es la demo del Modo Diseñador Describe el bicho ¿Cómo reproducir el bicho?Añadir un componente de imagen con 'dragMode' absolutoSube una imagen...

artf

@ngoc199 estoy abordando la mayor parte del problema sobre el modo absoluto aquí. Creo que el problema del tamaño se podría añadir fácilmente aquí, pero la imagen grande de SVG embebida (por defecto, sin un almacenamiento externo de assets...

GJSBlock

Gracias por informar de esto, @ngoc199. Buena pregunta sobre resistencia lenta absoluta en Chrome. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu mód...

#500022 de marzo de 2023por applibs2 respuestas
Reacciones 0

Localization works weird

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 111 Enlace de demo reproducible https://jsfiddle.net/zfkuq7sh/ Describe el bicho Algunos textos se traducen y otros no. Algunas se traducen solo después de que pulso algún botón de herramienta, y entonces se traduc...

artf

@applibs no puedo ayudar si no proporcionas una demo reproducible válida, por favor incluye todas las dependencias que faltan.

GJSBlock

Gracias por informar de esto, @applibs. El problema con La localización funciona de forma extraña parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de...

#499822 de marzo de 2023por glaprida4 respuestas
Reacciones 0

ShowOffsetsSelected not working

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chome v111 Enlace de demo reproducible https://codepen.io/glaprida/pen/YzOJOGq Describe el bicho ¿Cómo reproducir el bicho?Abre el enlace del codepen. Arrastra cualquier bloque básico al lienzo con algún margen o relleno....

glaprida

Hola, veo que ahora funciona mientras se coloca el elemento aunque esté seleccionado (antes solo funcionaba con elementos no seleccionados) ... pero solo muestra los desplazamientos mientras se pasa el cursor (pensaba que 'showOffsetsSelec...

artf

Sí, por ahora esto es lo que se pretende hacer. Probablemente algún día volvamos a hacerlo más personalizable (posibilidad de extender/crear manejadores de estilo en el lienzo).

glaprida

Hola, perdón por la insistencia... ¿pero se te ocurre alguna forma de que pueda lograrlo? Lo que necesito es mostrar los desplazamientos del elemento seleccionado, independientemente de si está flotado o no.

Explora todos los temas