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

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

#58697 de mayo de 2024por ajayagrahari092 respuestas
Reacciones 0

Opciones de iconos y formas

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible PruebaDescribe el bicho No veo ninguna forma de mostrar iconos o formasCódigo de conducta[X] Acepto seguir el Código de Conducta de este proyecto

artf

Por favor, utiliza el panel de Discusión si tienes preguntas.

GJS Helper

GrapesJS, al ser un framework altamente flexible y sin opiniones, no incluye por defecto un conjunto integrado de iconos o formas. En su lugar, proporciona potentes APIs para integrar cualquier biblioteca externa o crear componentes person...

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

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

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

#581215 de abril de 2024por jogibear9988Respuesta 1
Reacciones 0

¿Te interesa colaborar?

Enlace de demo reproducible https://node-projects.github.io/web-component-designer-demo/index.htmlDescribe el bicho Hace unos años empecé un Framework para diseñar páginas web con webcomponents, y ahora he encontrado GrapeJS. ¿Pensé que quizá teníamos los mismos objetivos y podríamos beneficiarnos el uno del otro? (No...

GJS Helper

¡Gracias por ponerte en contacto y por tu interés en GrapesJS! Es estupendo ver otros proyectos innovadores en el ámbito del diseño web. Tu Web Component Designer parece muy interesante, especialmente por su fuerte enfoque en los component...

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

#580311 de abril de 2024por rhoenerSBS3 respuestas
Reacciones 0

Filtrar bloques no funciona como se describe en la documentación

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v123 Enlace de demo reproducible https://jsfiddle.net/7xu0efLc/3/ Describe el bicho La documentación de GrapesJs muestra que supuestamente es posible filtrar los bloques y volver a renderizar el BlockManager con la...

artf

Ese método solo es válido una vez que el gestor de bloques por defecto ya está renderizado. Si necesitas volver a renderizar al principio, puedes suscribirte al evento de activación del gestor de bloques. '''js editor.on('command:run:open-...

rhoenerSBS

¡Gracias@artf

GJS Helper

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre Filtrar bloqueos no funciona como se describe en la documentación. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentac...

Explora todos los temas