PREGUNTA Mi sitio consta de varias páginas web como página principal, página de categoría, página de resultados, etc. El css de todas las páginas está en un único archivo css (all.css). Estoy intentando cargar una sola página web (página de resultados) para editarla usando el plugin de importación. Sin hacer ningún ca...
JulyanoF
Puedes poner tu CSS en línea así: O importar un archivo .css, así:
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.
Creé un canal dedicado a jobs en Discord https://discordapp.com/channels/365099684114464769/404263782559514624
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.
¿Cómo puedo personalizar este elemento? Son ajustes de componentes Quién sabe, por favor, ayudadme. ¡Gracias!
artf
Lee aquí, por favor https://github.com/artf/grapesjs/wiki/Traits
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.
Estoy intentando reordenar estos bloques, eliminándolos todos de BlockManager y añadiéndolos uno a uno según mi preferencia, pero sigue sin funcionar. ¿Alguien sabe cuál es la norma para ordenarlos?
artf
No los elimines, simplemente actualízalos y renderízalos '''js const bm = editor. Jefe de bloque; const colmBlock = bm.get('column3').set({ etiqueta: 'Clm label' }) bm.render([ colmBlock, //... ]); ```
chiqui3d
@artf No sería ideal añadir una opción de pedido así para bloques y paneles.
artf
@JulyanoF puedes volver a renderizarlos de esta manera '''js const bm = editor. Jefe de bloque; bm.render([ bm.get('column3'), bm.get('column2'), bm.get('column1') ]); ``` O, si solo se trata de reordenar dentro de sus categorías, puedes c...
Hola @artf, Hemos comprobado que cuando establecemos el color de fondo de cualquier elemento, ningún otro elemento es arrastrable. Este es el problema serio que existe en la última biblioteca, así como en la nueva versión de uvas descargada. Estoy usando la última versión, es decir, /! grapesjs - 0.13.5 / Gracias
ryandeba
Hola @Deepak813, He intentado recrear esto en la demo (que actualmente usa la versión 0.13.5), pero no he podido recrearlo. ¿Podrías probar allí y proporcionar pasos para reproducir el error? ¿O podrías crear un jsfiddle que demuestre el p...
Deepak813
Hola @ryandeba, Gracias por el mensaje, A continuación encontrarás el enlace adjunto del vídeo que reproduce el error: URL 1: https://vimeo.com/251763933 URL 2: https://vimeo.com/251784423 Este error existe al usar el selector de color con...
artf
@Deepak813 sí, parece que el colorpicker rompe el evento de arrastre que está unido a los bloques
Hola a todos, Necesito resolver un problema. Guardar html grapejs elimina todos los datos-gjs- de html. ¿Existe alguna forma de mantener todos los datos-gjs- antes de guardar el editor html? De hecho, si guardo mi plantilla falta todo data-gjs-droppable y en el siguiente render carga atributos data-gjs-droppable y se...
artf
@ghena deberías almacenar HTML/CSS para el resultado final, para el editor tienes que depender del formato JSON '''js const comps = editor.getComponents(); Estilo const = editor. getStyle(); Consulta también #597
shareefhiasat
@artf cómo guardar con un punto final remoto con el modo HTML en línea, me refiero a HTML y CSS enviados al servidor? ¡Gracias
artf
@shareefhiasat solo necesitas aquí https://github.com/artf/grapesjs/wiki/Storage
Hola artf, Estoy usando la nueva biblioteca de uvas, pero en las bibliotecas más recientes las clases dinámicas no se generan automáticamente en celdas hijas, como en "c3130, etc". Estas clases solo se aplican a la división principal, no a la división interna debajo de esa. Lo que tenemos que hacer para aplicar estas...
ajaysofto
Hola artf, Es urgente, por favor responda lo antes posible porque nos veamos en medio de las tareas. Espero una respuesta positiva.
artf
Es urgente, por favor responda lo antes posible porque nos veamos en medio de las tareas Los PR son bienvenidos...
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.
Hola, Quiero la opción de arrastrar y soltar con deslizante en la barra lateral, ¿podrías sugerirme cómo añadir un componente deslizante y cómo usarlo?
artf
Quizá quieras probar esta https://github.com/artf/grapesjs-lory-slider
sdhiman20
Ya vi la demo pero no encontré ninguna solució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.
He notado que algunas de las imágenes en mi gestor de activos no tenían miniaturas y parece que solo son las que tienen un espacio en el nombre del archivo.
artf
Sí, parece que faltaban comillas en 'imagen-fondo: url('. Se arreglará en la próxima versión. Gracias
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.
Hola @artf, Me gustaría replicar este comportamiento al llamar a 'editor.setComponents("<div>Esto es un componente de texto. <span style='font-size: 20px;'>Este es un elemento anidado que no quiero que se descifre.</span></div>")`. En ese ejemplo, querría que el 'span' anidado no se analizara como un componente indepe...
ryandeba
Ahora que lo pienso un poco más, la opción 1 no me funcionaría porque quiero evitar que se eliminen estilos en línea, así como evitar que se añadan ids/clases/atributos a los elementos hijos. Así que supongo que queda la opción 2 o quizá o...
artf
Oye Ryan, ¿qué pasa con este componente personalizado? '''js const domc = editor. DomComponents; const textType = domc.getType('text'); domc.addType('raw-text', { model: textType.model.extend({ },{ isComponent: function(el) { if (el.hasAtt...
ryandeba
¡Gracias @artf! Apuesto a que tu sugerencia me funcionará: lo probaré en las próximas horas.