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 466

🔍 components
#59822 de julio de 2024por ihatov082 respuestas
Reacciones 1

Se eliminan estilos de componentes como md:flex-row (viento de cola)

Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? Chrome 126.0.6478.127Enlace de demo reproducible https://jsfiddle.net/6m53pwy7/4/Describe el bicho ¿Cómo reproducir el bicho? Estoy buscando usar Tailwind con GrapesJS, pero este framework utiliza Utility First CSS Classes para crea...

artf

Necesitas escapar correctamente del CSS '''js .md\\\:p-18 { acolchonado: 4rem; } ```

GJS Helper

Parece que te has encontrado con una limitación o error conocido en el análisis de CSS y la gestión de estilos de GrapesJSal tratar con selectores que contienen dos puntos escapados (\:), que son comunes en frameworks como Tailwind CSS par...

#594212 de junio de 2024por adarshsingh1972 respuestas
Reacciones 0

BUg en RichTextEditor

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible He dado el código en los problemas Describe el bicho [Emisión de pantalla del 24-06-12-15:09:58 IST.webm] (https://github.com/GrapesJS/grapesjs/assets/130237200/d5bbb21e-2e44-4564-a407-4...

artf

Por la demo oficial parece funcionar como se espera, así que supongo que está relacionado con tu lógica personalizada. Por favor, proporcionad una demo mínima y reproducible del número.

GJS Helper

El problema que estás experimentando, donde el formato en negrita o cursiva desaparece tras aplicarlo y hacer clic para cerrar, es un problema común de sincronización al personalizar el Editor de Texto Enriquecido (RTE) de GrapesJS con cus...

#592331 de mayo de 2024por MarceloBD2 respuestas
Reacciones 0

GrapeJs a veces no cargan en los navegadores

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Firefox 126.0.1Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho ¿Cómo reproducir el bicho?Abre tu navegador Firefox y ve al enlace de la demo ¿Cuál es el comportamiento esperado? El editor debería...

nhan-nguyen-se

@MarceloBD ¿Cómo lograste resolver esto? Estoy pasando por el mismo problema.

GJS Helper

Parece que has encontrado un error intermitente en GrapesJS, afectando específicamente a su carga y al panel de capas en Firefox. La TypeError: model is undefined al hacer clic en el menú de capas es una pista crítica que apunta a una cond...

#592230 de mayo de 2024por omerson-cruz2 respuestas
Reacciones 0

Unable to use UI controls for the video component when

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? v125.0.6422.113 (Versión oficial) (64 bits) Enlace de demo reproducible https://codesandbox.io/p/sandbox/eloquent-leaf-vd68cf?file=%2Findex.js%3A9%2C47 Describe el bicho ¿Cómo reproducir el bicho?Arrastrar el vídeo al lie...

artf

No puedes interactuar con el iframe durante la edición, de lo contrario no será posible seleccionarlo desde el lienzo. Sin embargo, revisas las interacciones del iframe durante la vista previa.

GJSBlock

Gracias por informar de esto, @omerson-Cruz. Buena pregunta sobre No poder usar los controles de la interfaz para el componente de vídeo cuando. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta l...

#590524 de mayo de 2024por gladykov2 respuestas
Reacciones 0

No se puede volver a abrir la configuración de componentes, después de hacer clic en componente y luego en Bloques

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Ópera 10.0.5130.23 | Linux Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Lienzo transparenteDesde el menú de Bloques añadir el componente '1 columna' -> la pestaña 'Configuración' se abre au...

artf

Gracias @gladykov pero esto no está relacionado con el núcleo, es solo un ejemplo de comportamiento implementado en la demo.

GJS Helper

Esta es una observación válida respecto a la experiencia de usuario en GrapesJS. El comportamiento que describes no es un error en el sentido de una función rota, sino más bien una inconsistencia de experiencia de usuario donde al hacer cl...

#588816 de mayo de 2024por Dobby852 respuestas
Reacciones 1

No se puede editar contenido de componentes incluso con la propiedad editable puesta en true

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome V124 Enlace de demo reproducible https://jsfiddle.net/ycvz2gno/7/ Describe el bicho ¿Cómo reproducir el bicho?Poner un bloque de texto en el lienzoHaz doble clic en el contenido dentro del bloque de textoEl conteni...

Dobby85

Al investigar el código, vi que para obtener la funcionalidad RTE, nuestro nuevo componente tiene que extender 'ComponentTextView'. Mi problema inicial fue que hice algo así: Y adopta la vista de mi 'baseStructure' y no del componente 'tex...

GJS Helper

El problema que estás encontrando, donde los componentes de texto cargados por fromElement: true no son editables, incluso con data-gjs-type="text" y editable="true" en el HTML, viene de cómo GrapesJS maneja los elementos DOM existentes du...

#58572 de mayo de 2024por hasan-aaRespuesta 1
Reacciones 0

Al renderizar <tr> etiquetas dentro <template> de las etiquetas, se recortan y solo queda el contenido de cadenas.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v121Enlace de demo reproducible https://jsfiddle.net/L27powtg/30/ (la solución también está ahí, comentada)Describe el bicho ¿Cómo reproducir el bicho?Crear un componente GJS personalizado para etiquetas plantilla co...

GJS Helper

Este es un comportamiento conocido al tratar con fragmentos HTML que no son válidos en un contexto independiente, como etiquetas <tr> o <td> fuera de un elemento <table>. GrapesJS, como muchos analizadores HTML, depende de mecanismos de an...

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

#582818 de abril de 2024por HBR122 respuestas
Reacciones 0

El evento también funciona en montaje de componentes

El evento también funciona en montaje de componentes

artf

Sigue la plantilla del problema, por favor, hay una razón por la que está ahí...

GJS Helper

El problema de "el evento también funciona en montaje de componentes" suele surgir de un malentendido sobre cómo se vinculan los oyentes de eventos en JavaScript, especialmente dentro de un framework como GrapesJS que gestiona su propio ci...

#582017 de abril de 2024por rhoenerSBS2 respuestas
Reacciones 0

Doble entrada en capas si el componente se mueve directamente después de añadir

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v123Enlace de demo reproducible https://jsfiddle.net/xwgons8z/Describe el bicho Estoy intentando mover programáticamente un componente añadido a una posición específica en el padre porque tengo componentes hijos, que...

rhoenerSBS

Inicialmente quería realizar el mismo comportamiento con una función en la propiedad droppable del componente padre para evitar que los componentes se eliminaran en un índice específico, pero desafortunadamente el índice no aparece como pa...

GJS Helper

Gracias por reportar este problema. Has identificado un error sutil de temporización en GrapesJS relacionado con cómo se actualiza el panel de Capas cuando un componente se mueve programáticamente inmediatamente después de añadirse. Causa...

Explora todos los temas