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 336

🔍 style-manager
#594111 de junio de 2024por shahsalmanbukhari3 respuestas
Reacciones 1

GrapesJS CDN no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 125.0.6422.113 Enlace de demo reproducible <script src="https://grapesjs.com/js/toastr.min.js"></script> Describe el bicho ¿Cómo reproducir el bicho?Haz clic en cualquiera de estos enlaces, te mostrarán la página 4...

artf

Oye@shahsalmanbukhari a lo que te refieres no es una CDN, sino simples assets en la web pública. Por favor, no los utilicéis porque no hay versión ni garantía de que no se trasladen (ya que ocurrió por el traslado de la web). Usa una CDN r...

shahsalmanbukhari

Oye, @shahsalmanbukhari a lo que te refieres no es una CDN, sino a simples recursos en la web pública. Por favor, no los utilicéis porque no hay versión ni garantía de que no se trasladen (ya que ocurrió por el traslado de la web).Usa una...

GJS Helper

El problema que estás encontrando con los errores 404 para los enlaces de GrapesJS proporcionados se debe a un malentendido de cómo se suelen servir GrapesJS assets. Los enlaces que has compartido, como https://grapesjs.com/js/toastr.min.j...

#59296 de junio de 2024por mcnika2 respuestas
Reacciones 0

GrapesJS no aplica estilos al envoltorio

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 125.0.6422.141 Enlace de demo reproducible N/A Describe el bicho Al configurar la siguiente configuración para el gestor de almacenamiento: 'storageManager: { guardado automático: falso, autoload: false, } El esti...

artf

La demo reproducible es necesaria para un informe de error.

GJS Helper

Cuando storageManager.autoload está configurado para false en GrapesJS, el editor evita explícitamente cargar cualquier dato de proyecto guardado previamente, incluidos los estilos aplicados al wrapper (que normalmente es el elemento <body...

#589117 de mayo de 2024por shapley2 respuestas
Reacciones 0

Instalación de Grapesjs y yarn en Ubuntu 24.04 LTS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 125.0.3, Brave 1.66.110 Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho Siguiendo las instrucciones 'git' para instalar Grapesjs cuando ejecutes 'yarn start' en Terminal: ~$ sudo apt in...

artf

Gracias@shapley sí, realmente no está relacionado con GrapesJS ni con yarn, tienes que aumentar los observadores del sistema de archivos

GJS Helper

El error de ENOSPC: System limit for number of file watchers reached que estás encontrando es un problema común en sistemas Linux, incluyendo Ubuntu 24.04 LTS, cuando trabajas con proyectos grandes que tienen muchos archivos, como el repos...

#588514 de mayo de 2024por vincepv3 respuestas
Reacciones 1

En pantalla completa, el selector de color está oculto

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Firefoxe 125.0.3 (64 bits) Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.html Describe el bicho ¿Cómo reproducir el bicho? instalar la última versión de grapejs haz clic en pantalla completa sele...

vincepv

Problema resuelto. Encuentro una solución. Cuando inicio grapejs, paso la configuración de objetos con colorPicker const config = { Contenedor: '#editor', fromElement: cierto, Otras opciones de configuración aquí ColorPicker: { appendTo: '...

artf

Gracias @vincepv sí, puede haber algunos conflictos con el comando de pantalla completa y la configuración predeterminada del selector de color dependiendo de cómo y dónde se renderice el contenedor del editor. Probablemente, en la mayoría...

GJS Helper

El problema que estás encontrando, donde el selector de color está oculto cuando GrapesJS está en modo pantalla completa, es un problema común relacionado con apilar contextos y cómo se renderizan los elementos a pantalla completa. No es u...

#588213 de mayo de 2024por Riddle1001Respuesta 1
Reacciones 0

ID no se actualiza tras el cambio

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho ¿Cómo reproducir el bicho?Crear un bloqueHaz clicVe a la pestaña de rasgosEstablecer un nuevo IDVe a la pestaña de estilosVer que el DNI n...

GJS Helper

Esto es un problema de sincronización conocido en GrapesJS donde la pantalla selectora de la pestaña de Estilos no refleja inmediatamente los cambios realizados en el ID de un componente a través del panel de Rasgos. El comportamiento que...

#582919 de abril de 2024por Mustufask3 respuestas
Reacciones 0

Uncaught TypeError: __webpack_require__.r no es una función en ./node_modules/grapesjs/dist/grapes.mjs (grapes.mjs:1:1) en __webpack_require__ (bootstrap:789:1) en fn (bootstrap:150:1) en ./src/Demo/Templates/TextEditor.js (Templates.js:31:1) en __webpack_require__ (bootstrap:789:1) en fn (bootstrap:150:1) en ./src/Demo/Templates/Templates.js (Templates.css:45:1) en __webpack_require__ (bootstrap:789:1) en fn (bootstrap:150:1)

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Versión 123.0.6312.123Enlace de demo reproducible ErrorTipo no capturado: _webpackrequire_.r no es una función en ./nodemodules/grapesjs/dist/grapes.mjs (grapes.mjs:1:1) en _webpackrequire (bootstrap:789:1) en fn (bootstr...

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

#582618 de abril de 2024por subhojit-unnatimRespuesta 1
Reacciones 0

Versión GrapesJS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 123.0.6312.123 Enlace de demo reproducible https://jsfiddle.net/35Lq26du/1/ Describe el bicho ¿Cómo reproducir el bicho?Insertar cualquier contenedor, columna, etc.Cambiar el color de fondo de cualquiera de los con...

GJS Helper

El problema que estás encontrando, en el que cambiar el color de fondo de un contenedor afecta a otros, no es un error en la funcionalidad principal de GrapesJS, sino una consecuencia directa de cómo funciona CSS junto con la inicializació...

#581014 de abril de 2024por ctrhub4 respuestas
Reacciones 1

Estilo de lienzo innecesario

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Arc Versión 1.35.0 / Chromium Engine 123.0Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho Mi caso especial: En mi caso, todos los estilos de plugins y estilos generales están en la cabecera. Así...

artf

está pensado para almacenar estilos de lienzo, estilos que no afectan al resultado de HMTL/CSS, estilos que no se exportarán, ¿verdad? Correctopor defecto el cuerpo tiene fondo blanco, este parece ser el color predeterminado en todos los n...

artf

Existe la opción canvasCss para eso. La próxima vez abre una Discusión, por favor, ya que esto no es un error principal sino un uso incorrecto.

ctrhub

Hola, @artf. Gracias por la respuesta. No estoy seguro de que nos entendiéramos y me gustaría aclarar un detalle. Sí, conozco la propiedad canvasCss, además, la uso para cambiar los estilos del componente seleccionado. Entiendo la esencia...

#57954 de abril de 2024por gitpugal2 respuestas
Reacciones 0

¿Cómo añadir un gestor de bloques personalizado adicional como tabulación o sección como gestor de bloques y gestor de estilos, y añadirlo a algunos bloques?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome V9 Enlace de demo reproducible Describe el bicho ¿Cómo reproducir el bicho?...... ¿Cuál es el comportamiento esperado? ... ¿Cuál es el comportamiento actual? ... Si es necesario ejecutar algo de código para reprodu...

artf

@gitpugal por favor, utiliza las Discusiones si tienes alguna pregunta

GJS Helper

GrapesJS proporciona un panel flexible y un sistema de comandos que te permite ampliar su interfaz con secciones personalizadas, similar a cómo funcionan el Gestor de bloques y el Gestor de Estilos por defecto. Para añadir una pestaña o se...

#57882 de abril de 2024por lexoyo3 respuestas
Reacciones 0

Propiedades CSS valores por defecto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? N/AEnlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho Hola a todos !! <3 ¿Cómo reproducir el bicho?Demo de la página oficial de Grapesjs abierta https://grapesjs.com/demo.html)haz clic en un contene...

artf

necesito seleccionar otra cosa que no sea normal otra vez Sí, en caso de que no haya valores, la interfaz predeterminada preselecciona el valor 'por defecto', pero eso se puede actualizar fácilmente '''js editor. StyleManager.getProperty('...

lexoyo

Ah, vale, pensaba que querrías que el valor predeterminado por defecto fuera el comportamiento 😃 esperado Gracias por la respuesta

GJS Helper

¡Hola! Gracias por reportar este problema. Has identificado correctamente un punto común de confusión y una preocupación válida de usabilidad dentro del Style Manager de GrapesJS respecto a los valores predeterminados de propiedades CSS, e...

Explora todos los temas