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

#103312 de abril de 2018por nojacko3 respuestas
Reacciones 0

Cuando se usan IDs, no es posible actualizar o eliminar un estilo

Pasos para reproducirsehttps://jsfiddle.net/1cjjr02p/Haz clic en el texto del editor, cambia el color de fondo.Exportar CSS. Verás que existen tanto colores nuevos como originales en un orden que impide que se use el nuevo color. ` 3.. Usando el mismo jsfilddle, no es posible eliminar el atributo CSS. Esto es similar...

nojacko

Para explicar un poco, parece que cuando aplicas estilos a una caja añade el ID. Cuando exportas eso y lo recargas en Grapes, ocurre el problema.

artf

Relacionado con #932 Usa 'avoidInlineStyle: true'

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.

#103212 de abril de 2018por tommedema3 respuestas
Reacciones 2

No se procesan múltiples reglas CSS de tipografía en la regla

Última versión de uvas #cfde1c1 Si pones una sola '@font-face', esto se analiza perfectamente: Ejemplo de JSFiddle: https://jsfiddle.net/szLp8h4n/140/ Captura de pantalla: <img width="1395" alt="captura de pantalla 2018-04-11 a las 3 19 56 pm" src="https://user-images.githubusercontent.com/331833/38646200-d5c4260e-3d9...

tommedema

@cjpollard gracias, pero parece que estás desmontando algo que se cosió por la razón equivocada. Creo que un enfoque mejor es no unir estas reglas de at-en desde el principio. @artf he presentado una residencia permanente por esto: https:/...

artf

Totalmente de acuerdo contigo, Tom, el objetivo principal de 'cssComposer' es simplemente ofrecer una interfaz ágil para las definiciones de estilo. Lo que tenemos dentro de CssParser ahora mismo es en realidad un analizador del navegador...

tommedema

@artf que lo sepas, ahora puedo reproducir esto en un caso de prueba que falla: Tras una depuración adicional, esto parece deberse a que 'cssComposer' piensa que la segunda regla es la misma que la anterior y luego devuelve la primera: htt...

#103112 de abril de 2018por francesca-cicileo2 respuestas
Reacciones 0

Iconos personalizados

Quiero añadir un icono personalizado al panel grapesjs en la parte superior de la página del editor. ¿Es posible hacer esto con cualquier SVG o con texto? Si es así, ¿puedes explicar cómo? He probado lo siguiente pero no he conseguido que apareciera ningún icono: También he probado usar texto como icono, pero tampoco...

artf

Por ahora, no hay la propiedad 'etiqueta' en los botones, así que solo puedes editarlos mediante 'NombreClase'. Por cierto, me gusta la idea, lo pondré disponible en la próxima edición

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.

#103012 de abril de 2018por francesca-cicileo3 respuestas
Reacciones 0

Eventos de disparo con componentes personalizados

Estoy intentando crear un plugin para Grapesjs con algunos componentes personalizados, y tengo problemas para activar eventos e interactuar con el componente en el código. Un problema que tengo es que he añadido un atributo al modelo para un componente de texto personalizado. En el script de ese componente de texto, c...

arthuralmeidap

Solo para pruebas, intenta escuchar todos los cambios en tu modelo. Prueba con 'this.listenTo(model, 'change')' y mira qué te sald.

artf

@francesca-cicileo 'change:*' se usa para las propiedades del modelo (por ejemplo, 'tagName', 'removible', etc.), probablemente estés buscando 'change:attributes:ATTR-NAME'. Asegúrate de actualizar correctamente las propiedades del modelo...

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.

#102911 de abril de 2018por cmcintosh2 respuestas
Reacciones 0

Solicitud de funcionalidad: Añadir gripies para redimensionar elementos

Añade Grippies y utiliza jquery_ui u otro mecanismo similar para redimensionar elementos.

artf

Ya tenemos una utilidad Resizer que se adapta perfectamente a nuestras necesidades

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.

#102710 de abril de 2018por kosirm3 respuestas
Reacciones 5

Preguntas e ideas para principiantes

Antes que nada, perdón porque estoy usando Problemas como foro de ayuda. REALMENTE necesito algunos tutoriales, ejemplos, etc. Si necesitas ayuda, estoy dispuesto a dedicarle un tiempo a esto. Por ejemplo, GitBook o algo similar. La wiki es genial, pero no es exactamente lo que busco. Creo que ya hay un montón de ejem...

chapterjason

¿Cómo guardar secciones/bloques/componentes (por ejemplo, en GitHub)? https://github.com/artf/grapesjs/wiki#storeload-data https://github.com/artf/grapesjs/wiki/API-Storage-Manager¿Cómo cargar secciones/bloques remotos (por ejemplo, desde...

kosirm

@chapterjason muchísimas gracias por vuestro tiempo! Así que una respuesta tan exhaustiva, realmente no me lo esperaba 😃 ¡Gracias de nuevo! 🥇

adelliinaa

¿Hay algún tutorial sobre cómo integrar componentes personalizados en el framework GrapeJS?

#102610 de abril de 2018por phucphanJaneto2 respuestas
Reacciones 0

GrapeJS no puede renderizar código HTML

Hola, Integré GrapesJS a mi aplicación (asp.net MVC) y funciona, pero a veces GrapesJS no puede renderizar HTML. Primero, clono html de otra URL y añado este html a GrapesJS. Esto funciona correctamente. Segundo, obtengo html del editor GrapesJS y lo guardo en archivo. Por último, actualizo la página y cargo contenido...

artf

Parece que estás haciendo algo mal al guardar/cargar la plantilla, mira el error, está intentando usar '":{"s' como atributo

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.

#102510 de abril de 2018por vladbpython3 respuestas
Reacciones 1

Cómo añadir nuevos rasgos a un bloque personalizado

grapesjs.plugins.add('CustomBlocks', function(editor, options) { Opciones = Opciones || {}; TraitsToComponent(); addHTMLCodeComponent(); addHTMLCodeBlock(); función TraitsToComponent(){ editor. TraitManager.addType('content', { eventos:{ 'keyup': 'onChange', // trigger padre onChange método en keyup }, /*Devuelve el e...

chapterjason

¿Podrías dar más información, por favor? ¿Y podrías, por favor, sangrear correctamente tu código para que se esté renderizando desde github?

vladbpython

Por favor, ayúdame

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.

#102410 de abril de 2018por tommedema3 respuestas
Reacciones 0

Modo dispositivo realmente responsivo

Podrías pensar que cambiar el ancho de un iframe por el ancho de un dispositivo actúa igual que un emulador de dispositivo, pero en realidad no lo hac https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports e. Aquí tienes un ejemplo: si cargas pages.github.io en un iframe con un an...

nojacko

Construye tu CSS con 'min-width' en lugar de 'min-device-width', etc. Y todo bien.

tommedema

@nojacko eso supone que tengo control sobre el CSS. No es así ;) Además, el ejemplo anterior no utiliza 'mínimo de ancho de dispositivo'. Simplemente usa 'ancho: 900px'. Los dispositivos pequeños son lo suficientemente inteligentes para es...

artf

Gracias por la sugerencia@tommedema pero ahora mismo no veo ningún valor en empezar a trabajar en esa mejora; la implementación actual funciona si quieres crear una plantilla responsive y eso es lo que realmente importa. Por cierto, si rea...

#10229 de abril de 2018por suthars2 respuestas
Reacciones 0

Los bloques de arrastrar y soltar no funcionan en IE Browser

Hola, Hay un error relacionado con "Los bloques de arrastrar y soltar no funcionan en IE Browser". No encontré una mejor solución respecto a este problema. Además, no hay método para reinicializar el editor de uvas. Aquí está mi guion a continuación: grapesjs.init({ Contenedor: '#gjs', Plugins: ['GJS-Bloques-Básico'],...

artf

Arreglado aquí, el #768 estará disponible en la próxima edición

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