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

Rerenderizar rasgos tras ciertos eventos (por ejemplo, clic)

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

ClaudeCode

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

Sin ID generado y sin ID de selección automática

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

ClaudeCode

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

HAZAÑA: añadir un evento de clic en bloques

'''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

ClaudeCode

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

ClaudeCode

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

Elimina el rasgo personalizado por su tipo.

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') ```

ClaudeCode

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

El comando de rasgo de botón no funciona

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

ClaudeCode

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?

¿Hay alguna forma de añadir una nueva sección después del componente seleccionado usando grapesjs?

artf

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

ClaudeCode

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

Las imágenes grandes muestran el ancho de columna en la vista del editor

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

ClaudeCode

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

Actualizar la lib de guiones bajos a la 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

Puesto de prueba

Puesto de prueba

ClaudeCode

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