Estoy intentando añadir la barra de herramientas al panel de capas y no sé cómo hacerlo. ¿Hay alguna forma de lograr esto? barra de herramientas ! iconos de barra de herramientas Dónde me gustaría colocarlas: ! capasPannelUvasJS ¡Gracias por vuestras respuestas, chicos!
artf
Por ahora, no hay una forma fácil de cambiar o personalizar el contenido de los elementos del navegador. Lo que podríamos añadir a continuación es una nueva opción de callback en configs que se ejecutaría dentro de ItemView plantilla y per...
mario-digital
@pouyamiralayi A esto me refiero ! TBimg actualizado
artf
De hecho, ahora debería ser posible usar la opción de callback 'layerManager.onRender'
Hola, como queremos exportar el HTML y CSS generados e integrarlos en una web separada, es muy probable que haya clases CSS con el mismo nombre y eso podría causar problemas de interfaz. Estamos pensando en renombrarlos después de exportar y añadir un prefijo a cada clase, pero no sabemos cómo lograrlo ni si es algo b...
devmohitagarwal
HOLA @iColdoCatalin, Nos enfrentamos al mismo problema y lo superamos haciendo sandboxing en el CSS. Para ello, utilicé sass.js (https://github.com/medialize/sass.js/) Pasos: encierra la cadena css con tu clase personalizada, por ejemplo,...
artf
Gracias por la sugerencia, @devmohitagarwal no está mal como el enfoque. En cualquier caso, preferiría mover toda la discusión sobre el espaciado de nombres CSS en exportación aquí, así que cerraría este asunto
CatalinCernea
HOLA @iColdoCatalin,Nos enfrentamos al mismo problema y lo superamos haciendo sandboxing en el CSS. Para ello, utilicé sass.js (https://github.com/medialize/sass.js/)Pasos:Adjunta la cadena de css con tu clase personalizada. por ejemplo, M...
Mi equipo y yo usamos grapesjs para crear plantillas de correo y las estamos almacenando en un bucket AWS S3. Hemos enviado un correo electrónico con éxito a través de nuestra aplicación web, sin embargo, las imágenes no se muestran. Después de hacer clic en "ver original", veo que la imagen se muestra correctamente,...
Por lo que has dicho, también puede ser porque simplemente no activaste la visualización de las imágenes en ese correo... En fin, esto no tiene nada que ver con GrapesJS en sí, así que no hay razón para mantener este problema abierto.
timkelly0810
¿Grapesjs codifica imágenes dentro de plantillas para base64? Si es así, ¿hay alguna forma de NO hacer esto o de decodificar antes de enviarlo a la S3? Edito: He descargado una plantilla del bucket de Amazon S3 donde los almacenamos y pare...
Hola, Estoy intentando crear una propiedad personalizada de StyleManager con el tipo 'entero'. Mi objetivo final es 'redefinir' cómo se muestran ciertas unidades. Por ejemplo, el usuario usa la unidad 'X' y entonces el valor real sería diferente en píxeles. (Una de las razones es el nuevo modo de arrastre, ya que usa...
En realidad, la propiedad entera tiene una implementación incorrecta de 'init' (lo corregiré en la próxima versión). Por ahora, actualiza tu método init con el código de abajo y prueba si funciona '''js init() { propModel.prototype.init.ap...
Hola chicos, estoy trabajando con grapesjs, cuya versión es '0.15.8', y en modo 'absoluto', cuando arrastro un bloque al lienzo, noto que faltan los estilos de componentes. Define el componente de la siguiente manera: '''javascript domc.addType(lineChartRef, { model: defaultModel.extend({ Predeterminados: { ... defaul...
pouyamiralayi
@artf ¡Sí! Esto no ocurre si elimino ''script''. El comportamiento está bien.
pouyamiralayi
Hola @sheldonwr este error al que te refieres no es reproducible en mi parte, aquí probé tu definición de tipo en la demo y funciona, por favor revisa el código de abajo y mira qué falta en tu lado: El problema que observé con este compone...
artf
Vale, en realidad pasa algo raro cuando un componente tiene la propiedad 'script' definida... Gracias por el informe, chicos, lo miraré. ¿Puedes confirmar que sin 'script' se comporta correctamente?
Veo que la imagen se ha configurado solo con un solo clic en el recurso de imagen. Quiero cerrar el modal incluso activado al hacer clic. Intento configurar una callback en el click de assets '''javascript editor. AssetManager.onClick((model)=>{ console.log('modelo'); }) ``` Pero cuando hago clic en activo. La consola...
artf
@Uysim puedes ampliar el tipo de imagen https://grapesjs.com/docs/modules/Assets.html#extend-asset-types Aquí está la vista del tipo de imagen original
Uysim
@pouyamiralayi Esto no es correcto. Mi pregunta es sobre el callback cuando el usuario hace clic en la imagen en el administrador de assets. Tu respuesta es cerrar el modal inmediatamente después de abrirlo
pouyamiralayi
¡Hola! Tu respuesta es aquíquiero cerrar el modal incluso activado al hacer clic. intenta establecer una devolución de llamada en el click del activo ¡Salud!
Explicación Using https://grapesjs.com/demo.html v0.15.8 en Chrome 77.0.3~ Windows 10 Pro Build 18362 Importar un componente de vídeo con cualquier recurso booleano (controles, bucle, reproducción automática) usando el modal de importación romperá todos los atributos booleanos del componente hasta que se elimine. Paso...
artf
A primera vista, el problema podría estar aquí: https://github.com/artf/grapesjs/blob/a850a305b80b8f86c0e7e4fb92b6492c2e5a1957/src/dom_components/model/ComponentVideo.js#L115-L117 de hecho, en la exportación/importación esperaría que solo...
Hola, Añadir enlace (href) a la imagen en grapesjs . Primero añadimos la imagen en grapesjs y luego añadimos el enlace a esa imagen, muestra el texto "Enlace" junto a esa imagen, pero no pude añadir el enlace a esa imagen. Aquí estoy añadiendo una captura de pantalla abajo, ¿podríais ayudarme, por favor? Cómo añadir e...
pouyamiralayi
@luvcharan referencia de la demo: ! imagen
pouyamiralayi
Hola @luvcharan debes usar ''Link Block'' y no ''Link''. 1) primero añadir el bloque de enlace. 2) luego coloca tu imagen dentro del bloque de enlaces. 3) especificar href para el bloque de enlace. ¡Salud!
ck1ldn
Hola, ¿los enlaces no funcionan en una demo, plantilla no publicada? He estado probando esto y no funciona en la vista previa ! imagen
Sé que hay un hilo antiguo que sugiere el soporte para los Gobernantes (pero ya está cerrado). Solo me pregunto si hay alguna posibilidad de ver esto en GJS en el futuro. - Sería una adición genial - Actualmente estoy en proceso de escribir plugins para marcas de recorte/sangrado también para diseño de impresión respo...
ronaldohoch
Hola, que te ayude: https://github.com/Ju99ernaut/grapesjs-rulers
artf
Solo me pregunto si hay alguna posibilidad de ver esto en GJS en el futuro. Claro que quizá lo veamos algún día, pero por ahora no es mi prioridad, así que si alguien más quiere empezar esto como un reparto personal sería genial
artf
Gracias @ronaldohoch, cerraré esto en favor del plugin