Hola @artf, ¿Cómo puedo cambiar el título de mi componente de imagen cuando paso el cursor por encima? Sigue el texto resaltado en esta imagen: ! imagen ¡Gracias!
zgover
Establece el atributo 'nombre-personalizado' en el componente.
artf
'custom-name' está obsoleto, usa 'name' en su lugar
Chaitwo
Muchas gracias @Zachary1748 y @artf por la ayuda, funcionó de maravilla. He actualizado la función getName y cambiado el atributo name para las imágenes. ' nombre = nombre == 'imagen' ? 'image (Doble clic para subir imágenes)' : nombre;'
Hola, Solo intento seguir las guías de 'Cómo empezar' pero me cago en uno de los primeros obstáculos, no consigo añadir ningún bloque de la sección #add-bloques. He creado un violín aquí
smik3
Cambiar a otra CDN (unpkg en lugar de cdnjs) parece haber solucionado el problema; supongo que es una versión antigua de cdnjs.
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...
Hola. Tengo un json predefinido de una plantilla que contiene un conjunto de elementos y estilos html que se analizan en el conjunto de componentes al cargar grapesjs. El CSS contiene algunas de las reglas predeterminadas de media query que me gustaría conservar para la plantilla. Los comandos editor.getHTML() y edito...
artf
Por favor, proporcionad una demo reproducible
no-response[bot]
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...
abozhinov
Tengo el mismo problema. Este es mi problema -> https://github.com/artf/grapesjs/issues/2843
editor. BlockManager.add('testBlock' + i, { etiqueta: 'Box' + i, atributos: { MiAtributo: 'hola'}, Contenido: HTML }) ¿Puedo hacer algo así? ¿O necesito usar atributos HTML estándar? Lo intenté, pero no funcionó Gracias.
artf
Funciona como se espera https://jsfiddle.net/90y7wuo8/ La próxima vez crea una demo reproducible
@artf hola, He personalizado un poco tus grandes uvas. Ejemplo: Tengo experiencia con repeat-x como aquí: ! Schermata 2019-08-04 alle 12 06 00 Pero en CSS personalizado el resultado se divide en repeat-x y repeat-y ! Schermata 2019-08-04 alle 12 02 42 ¿Cómo puedo evitar esto? TNX
artf
Esto se debe al parser CSS de tu navegador (aquí explicamos lo que está ocurriendo). La única solución es usar un analizador CSS personalizado. Por ahora, ofrecemos grapesjs-parser-postcss
pouyamiralayi
¡Hola! Cuando especificas solo repetir X, ¿qué resultado esperas?
miky9585
Si cambio a CSS PERSONALIZADO, las dos filas de fondo repiten borrándolos y reemplazándolos por background-repeat: repeat-x, css composer lo cambian para mí, reemplazándolo y dividiéndolo en estas dos líneas. Así que no creo que ese proble...
¡Hola! Recientemente he notado este problema. Creo que sería beneficioso tener esta función. En contraste con el enfoque sugerido por @artf que utiliza scripts canvas como forma de inyectar globalmente, creo que esto no es funcional para el propósito principal para el que está pensada esta función. En mi opinión, el p...
artf
Perdón @pouyamiralayi pero creo que no has captado el significado total de la propiedad 'script' en Component (obviamente no eres el único, aunque intente explicar esta "paradoja del script" aquí) Lo que se pregunta en el #1691 simplemente...
pouyamiralayi
Gracias por tu amable respuesta @artf. Después de esforzarme con la idea, estoy llegando al punto en que lo que dices es totalmente razonable. Fue muy ingenuo por mi parte sacar este tema otra vez, perdón por eso. La solución temporal actu...
collindutter
@pouyamiralayi te importaría dar más información sobre cómo creasteis un bus de eventos global para enviar mensajes entre scripts globales y locales? El editor incrusta el contenido grapesjs en un iframe, así que no puedes usar un objeto v...
Sé que no es un requisito estricto y que se puede personalizar, pero la demo principal y algunas aplicaciones clonadas mantienen esta idea al restringir ciertos elementos (entrada, área de texto, etc.) para que no se eliminen en ningún sitio salvo en una etiqueta de formulario. ¿Se introdujo esto para demostrar que se...
pouyamiralayi
Una vez tuve un caso de uso que funcionaba con una biblioteca de componentes de terceros. En esa biblioteca estaban disponibles los componentes de entrada y formulario, pero la lógica de renderizado se implementó de tal manera que, si la e...
artf
@timsim00 técnicamente eres totalmente libre de reiniciar esta lógica. He configurado esto simplemente porque en el mundo HTML y CSS (sin JS) tener entrada sin un wrapper de formulario no tiene sentido. Por ejemplo, tomemos el componente d...
Estoy intentando asegurarme de que cada componente se arrastre hacia el lienzo para ser envuelto con un componente columna. Para lograrlo uso el evento de lienzo. Primero desactivé el evento de ventana para evitar que se disparara el evento de arrastrar y soltar por defecto de HTML 5. Evento 'Canvas:Drop' '''javascrip...
afdallah
@pouyamiralayi conseguí resolver el problema haciendo que el componente fuera un objeto. Así. '''javascript resultante.contenido = { etiquetaNombre: 'div', removible: cierto, // No se puede quitar arrastrable: cierto, // No se puede mover...
pouyamiralayi
¡Hola! El evento que buscas es este editor.on('bloque:arrastrar:stop', función (elemento) { element.replaceWith({ etiquetaNombre: 'div', estilo:{'borde': '1px rojo sólido'}, Componentes: [elemento] }) }) Fíjate aquí que estoy usando un div...
Estoy trabajando en un proyecto y me cuesta conseguir datos remotos. Código: storageManager: { id: 'gjs-', // Identificador de prefijo que se usará en los parámetros tipo: 'remoto', // Tipo de almacenamiento autosave: true, // Almacenar datos automáticamente autoload: true, // Autoload datos almacenados en init stepsB...
miky9585
Creo que necesitas imprimir tus datos->atributos. Aquí mis datos impresos que funcionan bien ! captura-localhost-8090-pages-load-2019-08-05-111149
jeffgipson
Gracias por la respuesta @miky9585 lo he probado pero no ha funcionado
artf
@jeffgipson estás devolviendo un formato completamente erróneo desde el servidor, por favor lee atentamente esta parte https://grapesjs.com/docs/modules/Storage.html#setup-the-server