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
#103412 de abril de 2018por vladbpython3 respuestas
Reacciones 0

Insertar elemento o bloque dentro del elemento padre

Buenos días, tengo componente, tengo bloqueo tengo Trait en los cambios de escucha, ¿cómo puedo añadir "h1" dentro de ese bloque "''<div class="container" style="min-height:10px;"></div>'". Cómo añadir etiqueta dentro de este modelo Por ejemplo:

artf

Dado el 'modelo' actual, puedes añadir otros componentes de esta manera: 'model.components('<h1>Hello world</h1>')'

ionic666

@vladbpython hola, ¿solucionáis este problema? También quiero saber cómo arrastrar un elemento al elemento padre.

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.

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

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

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

#10219 de abril de 2018por FrciSmrci3 respuestas
Reacciones 0

Sectores de Style Manager

Hola @artf, debido a la falta de documentación, me cuesta averiguar cómo añadir ajustes de componentes (rasgos) a la sección del panel del Gestor de Estilos, como hiciste en la demo. ¿Podrías darme una pista de cómo implementar esto? Creo que el código del proyecto demo, si es de código abierto, sería muy útil para en...

artf

creo que el código del proyecto demo, si es de código abierto, sería muy útil para entender los grapesjs en general. Efectivamente, todo el sitio es de código abierto, solo tienes que cambiar de sucursal https://github.com/artf/grapesjs/tr...

FrciSmrci

@artf Dios mío, gracias. :) No sé cómo consigo no notarlo.

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