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

#513522 de mayo de 2023por duclet2 respuestas
Reacciones 0

Definición incorrecta de tipo para StyleManager.addProperty

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Todos Enlace de demo reproducible Ninguno Describe el bicho ¿Cómo reproducir el bicho?Según la definición aquí: https://github.com/GrapesJS/grapesjs/blob/dev/src/stylemanager/index.ts#L304, deberías proporcionar las opcio...

SachinPuthiyoth

Parece que la definición de tipo en StyleManagerConfig.sectors no ha cambiado : https://github.com/GrapesJS/grapesjs/blob/5c890449a52f526bc480d6dc649ff5e01ec59140/src/stylemanager/config/config.ts#L8 ¿No deberíamos actualizar esto para usa...

GJS Helper

Gracias por reportar este problema. Al revisar el código fuente GrapesJS , específicamente la rama dev y la última versión estable (0.21.10), parece que la interfaz de PropertyProps sí incluye la propiedad options . Por lo tanto, la defini...

#513420 de mayo de 2023por yashvi2026Respuesta 1
Reacciones 0

Activa el RTE por defecto con un comando

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v91 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Quiero activar RTE con un comando, encontré enableEditing pero no funciona, ¿hay algún comando para activar RTE? Código de conducta [X] Acepto...

GJS Helper

El problema que estás encontrando es que enableEditing no es un comando público o método diseñado para activar programáticamente el Editor de Texto Enriquecido (RTE) en GrapesJS. El RTE en GrapesJS normalmente se activa automáticamente cua...

#513120 de mayo de 2023por sdimitrenco2 respuestas
Reacciones 0

Después de JSON.stringify, los componentes no tienen todos los campos

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? ChromeEnlace de demo reproducible https://jsfiddle.net/sdimitrenco/rn8u4pc0/7/ Describe el bicho No estoy seguro de si es un error o no, pero para mí, el comportamiento parece extraño Tengo una lista de componentes que in...

artf

Si la propiedad tiene el mismo valor que la definición por defecto, se omit. Esto se controla mediante la opción de configuración 'avoidDefaults' y se recomienda encarecidamente mantener fiel a tener JSONS tan pequeños como sea posible.

GJS Helper

Este comportamiento no es un error, sino una optimización intencionada dentro de GrapesJS, que aprovecha Backbone.js modelos. Cuando serializas GrapesJS componentes a JSON, los atributos que coinciden con sus valores predeterminados para e...

#511214 de mayo de 2023por putzwasser4 respuestas
Reacciones 0

GrapeJS/arrastrar y soltar no funciona para Brave en Linux y Wayland

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 1.51.110 Chromium: 113.0.5672.77 (Versión Oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/docs/getting-started.html#add-blocks Describe el bicho En Linux, Wayland (Arch Linux y Gnome) usando Br...

artf

Comprobando con la misma versión de Brave (en Mac), el arrastrar y soltar parece funcionar correctamente, así que no parece un problema ni con GrapesJS ni con el navegador. Si alguien más experimenta lo mismo o tiene más contexto sobre el...

gxanshu

Estoy teniendo el mismo problema con Tauri. Usan WebGTK y arrastrar y soltar no funciona tan bien allí

putzwasser

Al comprobar con la misma versión de Brave (en Mac), el arrastrar y soltar parece funcionar correctamente, así que no parece un problema ni con GrapesJS ni con el navegador. No creo que este cheque sea válido. Tienes una configuración comp...

#511013 de mayo de 2023por yashvi20262 respuestas
Reacciones 0

'enableEditing' está adjunto a la vista y puedes obtener su instancia del modelo, así que selecciona el componente y ejecuta esto en consola 'editor.getSelected().view.enableEditing()'

Estoy recibiendo editor.getSelected().view.enableEditing(); no es una función

artf

Por favor, evita abrir problemas de errores sin seguir la plantilla del problema. Puedes iniciar una nueva discusión con una descripción o caso de uso adecuado de lo que buscas.

GJS Helper

El error editor.getSelected().view.enableEditing() is not a function ocurre porque el método enableEditing no es una API pública disponible directamente en la instancia ComponentView (a la que editor.getSelected().view se refiere). El edit...

#510913 de mayo de 2023por yashvi20262 respuestas
Reacciones 0

EnableEditing no funciona

He probado a activar la edición en la consola de Grapejs, no recibo RTE, me sale un editor con error indefinido

yashvi2026

Cómo usar Habilitar la edición editor.getSelected().view.enableEditing(); Esto da un error

GJS Helper

El problema "editor is undefined" al intentar usar enableEditing en la consola del navegador indica que la instancia del editor de GrapesJS no es accesible en el ámbito actual de tu consola. El método enableEditing forma parte del objeto e...

#510711 de mayo de 2023por siddhi13972 respuestas
Reacciones 0

Al instalar plugins como grapesjs basic block o tui-image-editor, está dando un error de espacio de nombres en node_modules.

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?NPM Instala cualquier plugin desde grapesjs-basic-blocksDespués de eso, ejecuta la aplicación como en mi caso es la aplicación angular ¿Cuá...

artf

Por favor, evita crear problemas de errores si no tienes ningún enlace reproducible

GJS Helper

El error "namespace no encontrado" al instalar plugins GrapesJS como grapesjs-basic-blocks o tui-image-editor en una aplicación Angular suele indicar un problema con cómo se importan e inicializan los módulos, o cómo se cargan sus dependen...

#510511 de mayo de 2023por Baghunts2 respuestas
Reacciones 1

Añadir estilo o componente por (prop, valor) no es correcto.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome@latest Enlace de demo reproducible https://no-link.com Describe el bicho ! imagen ! imagenCódigo de conducta [X] Acepto seguir el Código de Conducta de este proyecto

artf

Gracias@Baghunts, buen apunte. La solución temporal actual sería '.addStyle({ 'border-left': '...' })`

GJS Helper

El problema en el que un estilo background-image no se aplica correctamente a un componente en GrapesJS suele deberse a una de dos razones comunes: una sintaxis incorrecta de CSS url() o que el componente carece de dimensiones suficientes...

#50903 de mayo de 2023por FaisalShaikhHA2 respuestas
Reacciones 1

La función de script de componentes se ejecuta dos veces después de guardar la página

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 112.0.5615.137 (Construcción oficial) (arm64) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Definición de componentes: Cuando se suelta, guarda y recarga, hay dos sitios que llaman al mismo...

artf

Como se explica aquí, no deberías reimportar el HTML de salida para editar el proyecto, solo el JSON.

GJS Helper

El problema que has encontrado, cuando la función script de un componente se ejecuta dos veces después de guardar y recargar la página, es un comportamiento conocido (o un error, según la perspectiva) en el sistema de gestión de scripts de...

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

GJS Helper

El problema que te encuentras, @parcel/transformer-sass: expected "{" al importar GrapesJS SCSS, es un problema común relacionado con cómo empaquetadores de módulos como Parcel resuelven y procesan la importación de hojas de estilo, especi...

Explora todos los temas