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 231

🔍 general
#35102 de junio de 2021por iabhiyaan2 respuestas
Reacciones 0

Re render traits after certain events (e.g click)

¿Cómo volver a renderizar los rasgos después de hacer clic en botones? Nota: El rerenderizado no debería ser una modificación del dom. He creado una función que renderizaría el rasgo llamando a 'render()' dentro de 'createInput()' ¿Hay alguna forma de volver a renderizar los rasgos con la cadena dom más nueva y actual...

artf

createInput se llama una vez, si quieres actualizar la interfaz de usuario de tu rasgo, confía en 'onUpdate', que se llama cada vez que cambias la selección. PD. Por favor, evita usar Problemas para preguntas, revisa la pestaña de Discusio...

GJSBlock

Gracias por informar de esto, @iabhiyaan. Buena pregunta sobre Rerender rasgos después de ciertos eventos (por ejemplo, click). El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#35071 de junio de 2021por cedriclajato2 respuestas
Reacciones 0

No Generated ID and No auto select ID

Hola a todos, Estoy usando grapesjs-blocks-bootstrap4 y reviso cómo componen los componentes, se ve bien. Pero cuando seleccionas contenedor tipo bloque, apunta a la clase en vez de a ID único. ! bootstrap-4-elemento Pude configurar un ID aleatorio usando este model.set('attributes', { id: randomID() }); pero aún así,...

artf

https://github.com/artf/grapesjs/issues/2936#issuecomment-680322089

GJSBlock

Gracias por informar de esto, @cedriclajato. Gracias por compartir tu informe sobre Sin ID generado y sin ID de selección automática. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducib...

#350631 de mayo de 2021por iabhiyaan3 respuestas
Reacciones 5

Add click event on blocks

'''js editor.on('bloque:click', (bloqueo) => { console.log(bloqueo) }) ``` ¿O hay alguna forma de escuchar el evento de clic en el bloque?

artf

Bueno, de hecho puedes usar render personalizado de bloques para aplicar eventos DOM personalizados. '''js blockManager.add('some-block-id', { // ... Definición de bloque render: ({ model, el }) => { el.addEventListener('click', () => { co...

YyueeiWY

<pre> editor.on('component:selected', (some, argument) => { console.log(algunos, argumentos); }) </pre> https://grapesjs.com/docs/api/editor.html#available-events

GJSBlock

Gracias por informar de esto, @iabhiyaan. Buena pregunta sobre FEAT: añadir evento de clic en los bloques. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu mó...

#350431 de mayo de 2021por snowballrandom2 respuestas
Reacciones 0

He notado que se está usando una versión anterior de Font Awesome versión 4.7.

He notado que se está usando una versión anterior de Font Awesome versión 4.7. Uso la versión 5.2 de fontawesome y parece que causa problemas cuando se carga junto a la versión usada con Grapes JS; algunas fuentes no cargan o los nombres de las clases han cambiado en el nuevo conjunto de caracteres de Fontawesome. ¿Có...

artf

Puedes cambiar esta opción en init: https://github.com/artf/grapesjs/blob/88249c38577852dc3c42047356a70a12066ee6ca/src/editor/config/config.js#L165-L168

GJSBlock

Gracias por informar de esto, @snowballrandom. Buena pregunta sobre *. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del...

#350028 de mayo de 2021por vijayshukla302 respuestas
Reacciones 0

Remove custom trait by its type.

He creado un rasgo personalizado, pero el nombre de ese rasgo será dinámico, lo cual se desconoce. El problema es que el removeTrait() actual solo funciona con nombre/id. Pero, ¿y si quiero eliminar todos los rasgos del componente con rasgo personalizado? Por ejemplo: creo un rasgo 'mi-rasgo personalizado' y lo vincul...

artf

Puedes usar el DNI '''js component.addTrait({ id: 'mi-rasgo-personalizado', Nombre: 'some_random', // ... }); // ... component.removeTrait('mi-rasgo-personalizado') ```

GJSBlock

Gracias por informar de esto, @vijayshukla30. Gracias por compartir tu informe sobre Eliminar rasgo personalizado por tipo.. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeS...

#349728 de mayo de 2021por mosh-tudor2 respuestas
Reacciones 1

Button trait command doesn't work

Versión: ÚltimaDescribe el bicho detallado https://jsfiddle.net/cleaver/wgz2jsvq/2/ No pasa nada en: '''js Rasgos: [ { texto: 'Botón sencillo', tipo: 'botón', Completo: Cierto, comando: () => { console.log('Botón roto'); alerta ('Botón roto'); }, }, ] ``` --- En la versión 0.16.45 el mismo código funcionaba bien: http...

artf

Gracias por el informe@tudor-ooo se corregirá en la próxima versión

GJSBlock

Gracias por informar de esto, @mosh-tudor. El problema con el comando de rasgo del botón no funciona parece ser una condición de raza o un problema de sincronización de gestión de estados. Esto suele ocurrir cuando los eventos del ciclo de...

#349227 de mayo de 2021por iabhiyaan2 respuestas
Reacciones 0

HAZAÑA: insertAdjacentHTML('afterend', '<section></section>') . ¿Existe alguna API así en grapesjs?

Is there any way to add new section after the selected component using grapesjs ?

artf

Puedes hacerlo de esta manera: '''js const cmp = editor.getSelected(); cmp.parent().append('<section>...</section>', { at: cmp.index() + 1 }); ```

GJSBlock

Gracias por informar de esto, @iabhiyaan. Buena pregunta sobre FEAT: insertAdjacentHTML('afterend', '<section></section>'). ¿Existe alguna API así en grapesjs? El enfoque recomendado con Componentes es utilizar la API orientada a eventos....

#348927 de mayo de 2021por samichamounRespuesta 1
Reacciones 0

Large images push out column width in editor view

Solo como prefacio, el problema que describo no afecta al contenido generado por el editor, simplemente se observa el contenido dentro del editor. Supongamos que creo dos columnas en el editor. Ambos tienen un 50% de ancho cada uno. Si arrastro una imagen grande a una de estas celdas, la celda se expande mucho en la a...

GJSBlock

Gracias por informar de esto, @samichamoun. Buena pregunta sobre las imágenes grandes que reproducen el ancho de columna en la vista del editor. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta...

#348125 de mayo de 2021por zgeist4 respuestas
Reacciones 4

Update underscore lib to 1.13.*

La versión actual tiene problemas de seguridad Podría ser una actualización a la versión más reciente

igorstasiuk

Sí, +1, hay que actualizarlo a la última versión de guion

artf

Hola a todos, estoy cerrando esto como un duplicado del #3443

kirill-malyhin

¡También necesito esa solución después de la prueba de pluma!

#347925 de mayo de 2021por palash-zinfiRespuesta 1
Reacciones 0

Test post

test post

GJSBlock

Gracias por informar de esto, @palash-zinfi. Gracias por compartir tu informe sobre post de prueba. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle) Tu Grape...

Explora todos los temas