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 1,399

🔍 outdated
#18636 de marzo de 2019por sakshigarg93 respuestas
Reacciones 3

Incorporación de nuevos componentes a Block Manager

Estoy intentando añadir varios componentes que están en mi canvas al gestor de bloques, pero creo que por un problema de identificación no son visibles correctamente. ¿A qué se refiere exactamente el id? Aquí está mi código:

WebEtSolutions

Hola, Tu ID de inicio de sesión en LinkedIn es el mismo que tu inicio de sesión en GooglePlus. La clave del bloqueo debe ser única. Adiós

arthuralmeidap

El id se utiliza internamente para rastrear cada bloque individualmente. Como @WebEtSolutions dicho, deberías poner identificadores únicos en cada nuevo bloque

sakshigarg9

OHH, vale, funcionó, ¡gracias!

#18626 de marzo de 2019por sakshigarg93 respuestas
Reacciones 0

Reflejar componentes eliminados en el administrador de bloques

¿Cómo puedo crear componentes dinámicos en el gestor de bloques de modo que, cuando se realice una acción de eliminación sobre un componente, se active para que este se coloque en el gestor de bloques?

arthuralmeidap

Bueno, componentes y bloques son conceptos diferentes. Si hablas de bloques, puedes usar el '.trigger('remove')' en el bloque que lo eliminará del BlockManager

artf

@sakshigarg9 Lee la documentación https://grapesjs.com/docsIntenta entender lo que estás leyendoIntenta resolver tus problemas por ti mismoSi no puedes hacerlo, puedes abrir un problema siguiendo su plantilla y MOSTRARNOS lo que has intent...

sakshigarg9

@artf gracias por toda vuestra paciencia, haré lo mismo a partir de ahora

#18616 de marzo de 2019por sakshigarg92 respuestas
Reacciones 0

Administrador de activos para botones y texto

Al igual que una imagen tiene un gestor de activos que puede ofrecer alternativas predefinidas para el componente de imagen, ¿es posible implementar algo similar para botones y texto? Como proporcionar iconos alternativos para el componente de botón o texto predefinido alternativo para el componente de texto. Por ejem...

artf

@sakshigarg9 con Components personalizados puedes hacer lo que quieras. Probablemente solo debas echar un vistazo a cómo se fabrica el componente de imagen (su modelo y vista)

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#18595 de marzo de 2019por MisterFK3 respuestas
Reacciones 0

Cambiar el tipo de elemento en el editor

Hola, En mi javascript ya creo 2 componentes (tipo "A" y tipo "B") con sus propias características. Creo un menú contextual en ambos elementos para cambiar (en el editor) el elemento seleccionado del tipo "A" al tipo "B" y cambiar los rasgos en consecuencia. No encontré la forma de cambiar el tipo de elemento que ya e...

arthuralmeidap

Echa un vistazo aquí: https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components Muestra cómo añadir o eliminar rasgos personalizados para tipos existentes. Puede ayudarte

MisterFK

Gracias, pero no quiero cambiar el tipo, pero sí quiero cambiar el tipo de un solo elemento seleccionado... Si cambio los rasgos del componente, todos los demás elementos con este tipo cambiarán y ese no es el propósito.

artf

no encontré la forma de cambiar el tipo de elemento que ya está insertado en el editor. La solución será la misma en caso de que quieras cambiar un '<div>' por un '<img>'... Así que lo quitas y lo reemplazas por otro componente del mismo í...

#18575 de marzo de 2019por WebEtSolutionsRespuesta 1
Reacciones 0

Clase protegida no utilizada

¡Hola! En tu ClassTagView, no compruebas el atributo protegido antes de eliminar la etiqueta.

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#18565 de marzo de 2019por fmr4112 respuestas
Reacciones 0

GetHtml grapesjs web builder

Tengo un problema con getHtml. Añado un icono en el botón, en la web el icono es visible, y cuando en el elemento inspect aparece un objeto icono, pero cuando en getHtml usa la función editor.getHtml(), el icono desaparece. Icono de objeto ! 6a9nc resultado 'editor.getHtml()' : ! duzid

artf

'getHtml' se basa en los datos del modelo de componentes, probablemente solo cambias sus datos de vista (por ejemplo, 'this.$el.append('<i class="fa ...')'). Lee atentamente esta parte https://grapesjs.com/docs/modules/Components.html

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#18544 de marzo de 2019por NicoEngler3 respuestas
Reacciones 1

Gestor de activos vacío en la segunda apertura

Hola, estoy intentando crear un plugin que configure el gestor de activos como un repositorio SVG. Si el usuario selecciona un SVG, se abre el gestor de activos. A continuación, el usuario puede reemplazar el SVG actual por el seleccionado. La mayor parte del código que uso se encuentra en: https://grapesjs.com/docs/m...

noogen

¿Línea 28, la filtras dos veces porque ya lo haces en la línea 23? am.render(am.getAll().filter(assets)); Funciona cuando lo hago así: am.render(assets);

NicoEngler

¡Genial, gracias por el comentario! @noogen

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#18534 de marzo de 2019por MisterFK3 respuestas
Reacciones 1

Posición de arrastre y solta

Hola, Intento que el ratón esté en la posición cuando arrastro y suelto un bloque. ¿Es posible tener la posición X y la posición Y con este evento u otro? 'editor.on('bloqueo:arrastrar:detener', modelo => [...]); ` Gracias

NicoEngler

Hola, un intento de resolver esto podría ser:Encontrar el iframe del lienzoEncontrar la posición del ratón dentro del iframe Para ello, podrías combinar funciones compartidas en StackOverflow. El primer paso podría abordarse con la función...

MisterFK

Gracias, artf, Ya intento capturar los eventos onmouseup o onmousemove en el iframe (y funciona), pero cuando arrastro y suelto un bloque el evento no se activa (quizá porque el ratón está en la imagen del bloque)... ¿No existe ningún even...

NicoEngler

Bueno, para empezar, no soy artf :) Segundo, organiza una demo en la que podamos trabajar para resolver tu problema.

#18524 de marzo de 2019por ramusesan3 respuestas
Reacciones 2

No funciona con React JS

Si hubo algún cambio, el estado o el reductor, el componente de Grapes JS no vuelve a renderizar nada, por favor

arthuralmeidap

Sí, GrapesJS no funciona así. En este caso tendrás que obtener la referencia y usar la API proporcionada por GrapesJS para gestionar los cambios. Echa un vistazo aquí: https://reactjs.org/docs/refs-and-the-dom.html

ramusesan

Sí, funciona... genial usando ref a DOM y también gestiona los cambios usando las APIs de Grapes JS ¡Gracias@arthuralmeidap

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#18514 de marzo de 2019por sakshigarg9Respuesta 1
Reacciones 0

Habilitar el redimensionamiento múltiple de imágenes

Quiero activar el redimensionamiento de varias imágenes, igual que en la sección 'El equipo' en demo.html, pero no puedo decidir qué tipo de clase de gjs usar.

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

Explora todos los temas