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 743

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

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

#580111 de abril de 2024por oliviermgxRespuesta 1
Reacciones 0

Error de tipado en dist/index.d.ts

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible dist/index.d.ts Describe el bicho ¿Error de tipado?experiencia en lugar de propiedad No sé si es grave líneas 8053/8054 : ' addBuiltIn(prop: string, definition: Omit<PropertyProps, "pro...

GJS Helper

Gracias por reportar este error tipográfico en el archivo de declaración GrapesJS TypeScript. Tienes toda la razón; hay un error tipográfico en las líneas 8053/8054 de dist/index.d.ts. Causa raíz El problema es un simple error tipográfico...

#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