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

#18605 de marzo de 2019por HuuumsSin respuestas
Reacciones 0
inactive

Activar la zona de caída a tamaño completo abre el modal de activo cada vez que dejas caer un bloque sobre el lienzo.

Creo que lo que puede estar pasando es que no se comprueba si realmente es una imagen la que se está dejando caer en el lienzo. Consulta estos 2 enlaces para versiones de reproducción mínima. https://codesandbox.io/s/jlqpl2kj95 (zona de caída configurada a 1, simplemente deja caer cualquier bloque sobre el lienzo y se...

Ver detalles
#18595 de marzo de 2019por MisterFK3 respuestas
Reacciones 0
outdated

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

Ver detalles
#18575 de marzo de 2019por WebEtSolutionsRespuesta 1
Reacciones 0
outdated

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.

Ver detalles
#18565 de marzo de 2019por fmr4112 respuestas
Reacciones 0
outdated

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.

Ver detalles
#18554 de marzo de 2019por ssabrewolf3 respuestas
Reacciones 9

Copiar y pegar componentes

Hola equipo de Grapesjs He visto que el copiar y pegar normal funciona siempre que esté hecho en la misma página. ¿Es posible implementar un copiar y pegar entre dos páginas diferentes con el editor abierto Gracias de antemano

japo32

Esta es nuestra implementación de usar localStorage por si alguien necesita la solución. La API del portapapeles habría sido una gran solución para navegadores, pero aún no se usa ampliamente.

lexoyo

No lo probé, solo leí el código No activas el evento de pegar al pegar el cuerpo Además, el CSS se añade en una etiqueta de estilo después de cada pasta... Debe haber una mejor manera de manejar los estilos, lo miraré pronto

artf

¿Es posible implementar una copia y pega entre dos páginas diferentes con el editor abierto Bueno, si para 2 páginas diferentes te refieres a dos pestañas distintas, no lo creo. Obviamente, estás tratando con diferentes instancias del edit...

Ver detalles
#18544 de marzo de 2019por NicoEngler3 respuestas
Reacciones 1
outdated

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.

Ver detalles
#18534 de marzo de 2019por MisterFK3 respuestas
Reacciones 1
outdated

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.

Ver detalles
#18524 de marzo de 2019por ramusesan3 respuestas
Reacciones 2
outdated

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.

Ver detalles
#18514 de marzo de 2019por sakshigarg9Respuesta 1
Reacciones 0
outdated

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.

Ver detalles
#18504 de marzo de 2019por sunhillbd2 respuestas
Reacciones 0
outdated

Cómo mostrar bloques bajo diferentes pestañas

Hola @artf, Espero que estés bien. Intentaba mostrar todos los bloques bajo diferentes pestañas. Por ejemplo: mostrar secciones, columnas bajo la pestaña Basic y otros elementos bajo otra pestaña llamada Elements. He pasado por el problema: https://github.com/artf/grapesjs/issues/499 pero no encontré ninguna solución...

artf

Hola @sunhillbd no sé exactamente qué no está claro en ese tema, pero creo que lo único que tienes que saber es aquí. Con el método 'BlockManager.render' puedes controlar la lista de bloques, qué lógica/interfaz usarás (seleccionar entrada...

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.

Ver detalles

Explora todos los temas