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

#195910 de abril de 2019por trafalmejo3 respuestas
Reacciones 0

Editar innerHTML en un botón personalizado

Hola a todos, Estoy intentando cambiar el texto en un componente de botón, pero no consigo editarlo. He añadido este tipo: Incluí el parámetro editable: true, pero no funciona Y añadir el botón al Administrador de Componentes ¿Hay alguna forma de solucionar esto? ¡Gracias!

simplecommerce

@trafalmejo Prueba a ver cómo implementan el componente de enlace, creo que podría ayudarte, aunque no estoy 100% seguro.

artf

Deberías ampliar el componente de 'texto'

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.

#19589 de abril de 2019por benvmathesonRespuesta 1
Reacciones 0

El tamaño del dispositivo no afecta hasta que se selecciona

Si el dispositivo por defecto es más pequeño que pantalla completa, seguirá cargando en pantalla completa. Una vez que cambies de dispositivo, los tamaños serán reconocidos. https://jsfiddle.net/benvmatheson/7b4gq1kx/1/

benvmatheson

Parece que una solución alternativa es configurar el dispositivo manualmente, en lugar de asumir que se elegirá la primera selección. 'editor.setDevice('Dispositivo 1')'

#19569 de abril de 2019por abozhinovRespuesta 1
Reacciones 0

Cómo pasar parámetros cuando se hace editor.load()

Hola, Usando la última versión todo funciona perfectamente. Uso almacenamiento remoto pero necesito pasar parámetros personalizados con ajustes al hacer una solicitud de carga. ¿Cuál es la mejor manera de hacerlo? Cuando se usan PARAMS en el gestor de almacenamiento, solo funcionan con el método POST.

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.

#19559 de abril de 2019por EJM52 respuestas
Reacciones 0

Redimensionar imágenes con puntos que no son en las esquinas redimensiona tanto el ancho como la altura.

Este error puede reproducirse en cualquiera de las demos de GrapesJS. Bug: Después de arrastrar y soltar una imagen, usando uno de los puntos de redimensionamiento que no están en las esquinas (puntos de redimensionamiento de altura o ancho), tanto la altura como el ancho se redimensionarán. Comportamiento esperado: L...

artf

Esto no es un error, es simplemente el autoescalado que gestiona el navegador; si no te gusta, puedes plantearte ampliar el componente de imagen para almacenar la información de tamaño al cargarla

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.

#19549 de abril de 2019por sdrebel2 respuestas
Reacciones 0

Creando mapa de imágenes en lienzo

Hola, ¿Hay alguna forma de crear una funcionalidad similar a un mapa de imágenes en Canvas? El usuario debería poder seleccionar un área concreta para enlazar. Ejemplo de cómo se hace en este enlace de abajo. https://www.jqueryscript.net/demo/Easy-Imagemap-Generator-With-jQuery-hotArea-js/ He intentado crear un enlace...

artf

Con un componente personalizado deberías poder crear lo que quieras

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.

#19539 de abril de 2019por rrc8453 respuestas
Reacciones 0

Renderiza sin iframe o obtén estilos y scritps globales

Hola, estoy intentando integrar grapesjs en prestashop, pero debido al iframe, no consigo el global css ni js. Intenté introducir el CSS y el JS manualmente, pero el JS de Prestashop da errores cuando lo añado. ¿Hay alguna forma de no usar el iframe? ¿O que tenga acceso global a estilos y js? un saludo.

artf

'''js var editor = grapesjs.init({ ... lienzo: { Estilos: ['... style1.css'], Guiones: ['... script1.js'], }, }); ```

rrc845

Ya lo he probado y no funciona. Los JS de prestashop no funcionan dentro del iframe, y por eso necesito renderizar desde iframe.

artf

Js de prestashop no funcionan dentro del iframe, y por eso necesito renderizar desde iframe. Abre la consola y comprueba si hay errores, probablemente estás pasando por un camino equivocado o necesitas otros js de prestashop

#19529 de abril de 2019por SamMousa3 respuestas
Reacciones 2

Usa variables CSS para el marcado del editor

Dado que todos los navegadores modernos (https://developer.mozilla.org/en-US/docs/Web/CSS/UsingCSScustomproperties#Browsercompatibility) soportan variables CSS, el valor añadido de usar SCSS para ellas es limitado. No propongo eliminar completamente el SCSS, lo que sí propongo es lo siguiente:Sustituir todos los usos...

isarphilipp

Hola @artf Después de un año, me pregunto si tu opinión sobre este tema ha cambiado. Nos encantaría usarlo y IE11 cada vez es menos común ;) @SamMousa si necesitas ayuda con la PR, también podemos contribuir. ¡Espero con ganas noticias tuy...

artf

Después de un año, me pregunto si tu opinión sobre este asunto ha cambiado. Desafortunadamente, no depende solo de mi decisión; por lo que sé, siguen siendo un buen porcentaje de usuarios que dependen de la compatibilidad con IE11. Así que...

SamMousa

Haré un récord personal si estás abierto a esto.

#19519 de abril de 2019por fmr4113 respuestas
Reacciones 0

Cambiar o añadir evento en añadir componente desde bloque

¿es posible? Cambia el evento de arrastrar y soltar a al hacer clic al añadir un nuevo componente, quiero añadir componentes haciendo clic en el bloque y luego se añadirá directamente al componente seleccionado, gracias ! Baru

artf

No realmente, pero ya estaba pensando en esta posibilidad, así que probablemente la añada en la próxima versión. Yo preguntaría, ¿qué esperarías en caso de tu gif? ¿Al clic, el bloque debería añadirse dentro de la celda?

fmr411

Sí, quiero que cuando hago clic se añada el bloque a la celda, pero ¿puedo saber dónde gestiona la función el evento para añadir el bloque?

artf

https://github.com/artf/grapesjs/blob/dev/src/block_manager/view/BlockView.js#L7-L8

#19508 de abril de 2019por momu-20162 respuestas
Reacciones 0

¿Hay alguna forma de convertir gjs-components a gjs-html?

En mi opinión, estas son dos formas diferentes de almacenar los mismos datos. Ahora necesito convertir gjs-components a gjs-html. ¿Existe ese método? Espero tu respuesta, ¡deseo que el proyecto sea cada vez mejor!

artf

¿Existe tal método? No exactamente, pero en realidad sería lo mismo que inicializar el editor con componentes (gjs-components) y luego obtener el código mediante 'editor.getHtml()' (gjs-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.

#19498 de abril de 2019por arachnosoft2 respuestas
Reacciones 0

Con la opción de analizador keepEmptyTextNodes activada, un bloque arrastrado se suelta por encima de la posición objetivo

Hola @artf, Siguiendo tu consejo para activar la opción "keepEmptyTextNodes" en el analizador para solucionar mi problema del #1915 (grapesjs despojándose   entre etiquetas), encontramos el siguiente efecto secundario (raro), usando la última versión 0.14.57: Con esta opción activada, al arrastrar y soltar alguno...

artf

Vale, el problema creo que está en el Sorter, no cuenta los nodos 'textnode' como hijos (con 'keepEmptyTextNodes' los mantienes todos)

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