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 85

🔍 help wanted
#228925 de septiembre de 2019por JCKodel3 respuestas
Reacciones 3

Permitir importar módulos javascript

Al usar Ionic StencilJS, los componentes se importan usando el nuevo soporte para módulos: En '{canvas: scripts: []}' solo puedo cargar scripts externos por su URL. Para cubrir este caso, podríamos importar módulos así: El resultado final dentro del lienzo sería: Fíjate que esto también cubriría el caso cuando queremo...

artf

Genial, me gusta, para quien quiera hacer una PR, el código para actualizar está aquí: https://github.com/artf/grapesjs/blob/aee18dcf0602e5d56e7670deb8d4ffbf31c73008/src/canvas/view/CanvasView.js#L140-L161

devtechk

Hola, ¿puedo empezar desde tu código para iniciar el código de Init Grapesjs no en el archivo html sino en un archivo js separado? Gracias

rywilson28

@artf parece que esta función ya ha sido implementada. Hay un pequeño problema donde el tipo por defecto se pone en 'texto/javascript'. Para HTML 5 debería omitirse, pero no debería causar problemas si los hay. ¿Debería cerrarse este asunt...

#220720 de agosto de 2019por niisar3 respuestas
Reacciones 0

No se puede arrastrar el componente si hay espacio arriba/izquierda con Modo Absoluto

Dado el siguiente ejemplo de código... ''' html <div style="altura: 100px;"> Un poco de espacio arriba o a la izquierda </div> <div id="gjs"> <p style="acolchado: 25px"> Mundo Hesdllo!!</p> </div> Esto impide arrastrar y soltar elementos a la posición correcta usando el icono de arrastrar en el panel. ! imagen Consult...

pouyamiralayi

Esto es solo para el icono de arrastrar, ¿verdad? El arrastre manual está bien. Usando el icono de arrastre, parece que se reinicia la posición del elemento desde arriba.

niisar

esto es solo para el icono de arrastrar, ¿verdad? El arrastre manual está bien.usando el icono de arrastrar, parece que se reinicia la posición del elemento desde arriba. Sí, esto es solo para arrastrar iconos.

artf

Sí, el problema aquí es el objeto Event diferente según el contexto. Cuando activas el arrastre sobre el propio componente, el Evento está en el contexto del iframe (porque el elemento con el que se hace clic está en iframe), pero los boto...

#219615 de agosto de 2019por devgru3 respuestas
Reacciones 3

La selección de elementos de enlace no muestra barra de herramientas

Pasos para reproducir: añadir texto, seleccionar una palabra, hacer clic en el icono de enlace en el panel RTE, seleccionar un enlace. Comportamiento esperado: cuando selecciono Enlace espero que muestre la barra de herramientas (con el botón 'seleccionar padre') junto a su insignia. Comportamiento real: Si un enlace...

simplecommerce

@Abhisheknanda1344463 Hola @artf @simplecommerce @devgru ¿Alguna novedad sobre esto? ¿Hay alguna forma de arreglarlo manualmente? Gracias No estoy seguro de si te funcionará, pero esto es lo que hice yo para solucionarlo.

Abhisheknanda1344463

@simplecommerce Gracias, tío. Ha funcionado. Gracias

artf

Cerrando el problema porque parece que está solucionado.

#218912 de agosto de 2019por rahuloftheramaneffect3 respuestas
Reacciones 2

Cómo añadir la opción "Lista de pedidos/no ordenados" en rte/bloque personalizado

Hola Estoy intentando crear una lista ordenada con grapesjs. Intenté añadir lo siguiente al RTE: Y esto funciona si mi página está pre-rellena con html cuando el editor se inicializa, como se indica a continuación: Editor precompletado: ! 1 Crear lista ordenada: ! 2 Sin embargo, si dejo caer un nuevo bloque en el lien...

thomas1204

Por los comentarios anteriores, ahora puedo añadir listas de ordenados y no ordenados. ¿Hay alguna forma de actualizar la lista de pedidos existentes y la lista no ordenada? @artf @rahuloftheramaneffect

artf

¿Puedes crear una demo reproducible, por favor? Ese error sin una pista de pila es inútil(opcionalmente) podemos usar la tecla tab para sanglar las listas? Definitivamente deberías hacerlo tú mismo o confiar en algo como CKEditor para un u...

rahuloftheramaneffect

¡Eh! Gracias por responder tan rápido.¿Puedes crear una demo reproducible, por favor? Ese error sin una pista de pila es inútil Aquí hay un archivo zip que contiene una versión simplificada de mi página de editor. Demo.zip Incluye un montó...

#21857 de agosto de 2019por vegadesignRespuesta 1
Reacciones 1

Iconos SVG en lugar de PNG

Hola. Hay algunos iconos PNG en la aplicación:flex-just-start.pngflex-al-end.pngflex-just-sp-bet.pngflex-dir-col.pngflex-just-sp-ar.pngflex-al-start.pngflex-dir-row.pngflex-just-end.pngflex-just-sp-cent.pngflex-dir-col-rev.pngflex-al-str.pngflex-al-center.pngflex-dir-row-rev.png He creado lo mismo pero en formato SVG....

artf

Vaya, muchas gracias@vegadesign lo agradezco mucho. De hecho, solo usamos esas para la demo (rama gh-pages), aquí: https://github.com/artf/grapesjs/blob/be39c6baf55f4e644b6bc8bbdd71ead71723dd6b/demo.html#L53-L91 Intentaré reemplazarlos tan...

#214818 de julio de 2019por makkaronis4e3 respuestas
Reacciones 0

IE11 (No se puede obtener el estilo de propiedad de indefinido)

¡Hola! Acabo de enfrentarme al mismo problema: https://github.com/artf/grapesjs/issues/1295#issuecomment-410046832 Mientras haces clic en uno de estos botones ! imagen 'this.getPropertiesEl().style.display="ninguno"' No se puede obtener el 'estilo' de propiedad de referencia indefinida o nula ¿Alguien ha conseguido ar...

zgeist

Tengo el mismo problema ¿Cómo puedo solucionarlo?

senchden

Puedo confirmar que en la demo de página web v0.15.8 no es posible establecer un estilo a un elemento. IE11 imprime esto en la consola cuando intentes configurar un estilo a través del Gestor de Estilos:

Alkotronikk

Para mí el problema era con ParentNode.children y no tenía polifill.

#208017 de junio de 2019por Aamir37532 respuestas
Reacciones 0

La etiqueta de audio no es seleccionable ni editable

Cómo hacer que los componentes de audio funcionen correctamente (seleccionables, editables) como otros componentes (imagen).

artf

Buena pregunta, el elemento 'audio' es bastante particular, así que definitivamente requeriría un componente personalizado, probablemente siguiendo el ComponentVideo (y su vista) Seguro que podrías añadirlo tú solo, pero creo que podría se...

mohd7469

@artf puedes dar un fragmento sencillo que muestre una demo normal y funcional de un elemento de audio? Porque intenté definir un tipo de componente personalizado para el elemento de audio pero no parece funcionar y o bien no es selecciona...

#20686 de junio de 2019por ssabrewolf3 respuestas
Reacciones 0

El plugin GrapesJs gradient ya no funciona

Hola equipo de GrapesJs Después de actualizar la versión de grapesjs desde la 14.0.59, noté que el plugin gradient dejó de funcionar, También he revisado la página de demostración de Gradient y he notado el mismo comportamiento aquí https://codepen.io/artf/pen/bYwdQG Gracias de antemano

ssabrewolf

Hola @artf he visto que has añadido la etiqueta de ayuda buscada, podría intentarlo, pero ¿podrías darme algunos consejos o hipótesis sobre cuál podría ser la razón para no empezar de cero preguntándose en la oscuridad? Por supuesto que pr...

artf

@ssabrewolf sí, soy el autor del plugin de degradado, pero para ser sincero no tengo ni idea de qué ha pasado, definitivamente es una regresión tras alguna actualización en el módulo del Style Manager. Lo que sí puedo decir es que funciona...

alikabeer32

Es absurdo, pero encuentro que si escribes 'decoration' en vez de Decoration, el plugin funciona. En la demo y también en mi código.

#204429 de mayo de 2019por eduardonunesp3 respuestas
Reacciones 1

El desarrollo de npm en un servidor local no funcionó

Hice el procedimiento para iniciar el servidor local usando la rama 'dev' tal y como se describe en README, funcionó en la consola, pero falla en Chrome y los grapesjs no cargan debido al siguiente error ! imagen

artf

He comprobado rápidamente y parece que la razón es que la última [email protected] no tengo tiempo de investigar, así que simplemente congelaré la versión que se usa actualmente

artf

Qué raro, nunca había visto eso antes. Puede que sea algún cambio de dependencia de los desarrolladores en alguna versión menor. Intenta reinstalar node_modules con versiones exactas de dependencia

verdverm

Estoy teniendo problemas siguiendo la configuración de desarrollo: ¿Quizá un problema con los empaquetadores? Puedo eliminar el 'min' de 'grapes.min.js' en el archivo 'index.html' y funciona. Sin embargo, si construyo la salida 'grapes.js'...

#202621 de mayo de 2019por alikabeer322 respuestas
Reacciones 1

El gestor de estilos funciones css (por ejemplo: transform: rotate(90degree)) acepta solo un parámetro

Me gustaría proporcionar una opción para la función css translate(x,y), pero el parámetro addProperty functionName solo acepta un parámetro como entrada. Intenté usar translateX() y translateY() pero no funcionan simultáneamente. Agradecería que alguien pudiera decirme algún otro método para conseguir el efecto desead...

adamyarger

@alikabeer32 me he encontrado con el mismo problema antes, tienes que establecer el valor 'por defecto' para translateY y translateX, ya que la propiedad de transformación en css se comparte tanto entre translateX como translateY. por ejem...

alikabeer32

¡Sí! Era la solución perfecta. ¡Gracias!

Explora todos los temas