Estoy intentando construir un componente básico de encabezado que te permita seleccionar de H1 a H6 con un rasgo. Pero cuando se selecciona una opción, el lienzo no se actualiza. El cambio es visible en la vista de código, y si muevo el elemento en el lienzo con la herramienta de arrastre, la etiqueta cambia. He estad...
artf
@z1lk ya he añadido algo así para la próxima versión '''js Modelo Dentro de Init this.listenTo(this, 'change:tagName', this.tagUpdated); // ... tagUpdated() { const coll = this.collection; const at = coll.indexOf(this); col.remove(this); c...
z1lk
No estoy seguro de por qué 'el' sería una cadena, pero mira el commit que cerró el problema: https://github.com/artf/grapesjs/commit/e450cb98855d16ad819f1214350825a50e45e910 Si usas la última versión de Grapes, el Componente escucha el cam...
artf
Sí, esto es porque no puedes cambiar el nombre de la etiqueta de un elemento DOM existente. Probablemente la solución sería, al cambiar 'NombreEtiqueta', eliminar y reemplazar el nodo (en la misma posición)
Hola, Estoy usando el repositorio preestablecido de noticias para investigar Grapes.Js, ¿cómo puedo crear varios y usar múltiples plugins dentro del proyecto? ¡Salud
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, Vamos a integrar este editor de uvas en nuestro portal como editor de correo electrónico. Como el correo electrónico será enviado por el proceso por lotes a los clientes, se implementarán etiquetas de fusión para reemplazar las variables de la plantilla por valores reales como nombres, edades y direcciones...
hoainam12k
Hola @frank-tenzing, Creo que deberías hacerlo en el lado del servidor, no en el editor de uvas. Por ejemplo, crea un formulario de gestión para las etiquetas de fusión y envíalo a Grapes con API-Rich-Text-Editor. De esta manera puedes hac...
artf
necesitamos hacer que las etiquetas de fusión se puedan añadir desde un botón en el panel y luego guardar las etiquetas añadidas en un archivo de configuración o base de datos Bueno, esto depende de ti construir algo así. El usuario crea u...
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.
Quiero recargar el editor de uvas para obtener cambios específicos, ¿hay algún método para recargar el editor de uvas?
artf
cambios específicos ¿Qué tipo de cambios?
HarshOB
como si pasara códigos explícitamente a las uvas. y obtuve mi HTML y CSS mientras hacía clic en el botón de ver código en la cabecera del editor de uvas. Pero no se lo mostró al editor. Una vez que actualizo la página o la vuelvo a abrir,...
artf
@HarshOB no entendí exactamente a qué te refieres con 'paso códigos explícitamente a las uvas', pero si usas correctamente la API del editor deberías ver la actualización de canvas, por ejemplo. '''js editor.setComponents('<div class="cls"...
Hice componentes personalizados así y también usé scripts '''js bm.add('test-block', { etiqueta: 'Bloque de prueba', atributos: { Clase: 'FA FA-Text' }, Contenido: { Guion: "console.log('el elemento', esto)", Contenido: "<h1>Hola 123</h1>", Añade algo de estilo solo para que el componente sea visible estilo: { Ancho:...
artf
Cambia esto 'componentes: "<h1>hola 123</h1>",'
HarshOB
No obtuve rasgos si uso scripts al crear un componente personalizado. ¿Hay algún problema con los rasgos?
artf
bueno, no hay rasgos dentro de tu bloque... Si intentas usar un componente personalizado, tienes que establecer el 'tipo' '''js Contenido: { tipo: 'tu-tipo-componente', Guion: "console.log('el elemento', esto)", Contenido: "<h1>Hola 123</h...
¿Es posible dar 'id' o 'clase' a rasgos, por ejemplo, si uso select trails y quiero poner 'id' a la etiqueta HTML de 'select' para poder realizar eventos.
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.
¿Podría usar el enlace de etiquetas (por ejemplo, el enlace de bootstrap CSS o el enlace de mi tema) y el estilo cuando importe HTML a grapejs?
artf
@volgan seguro #27
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 usando un rasgo (tipo=select) para cambiar la clase de un componente (un componente "columna", es decir, clases que representan el ancho 1-12). Después de eliminar las clases 'col-*' anteriores y añadir la recién seleccionada (mediante una función que se activa con el cambio de selección), la sección de Clases d...
z1lk
Ah. La ClassTagsView (sección de clases del gestor de estilos) actualiza la lista de selectores en el evento 'change:selectedComponent"' en el modelo del editor. https://github.com/artf/grapesjs/blob/66c19dae4ff5536a34b9ea73d3614fc76752a77...
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.
Gracias por tu componente, me gusta mucho. Tengo algunos bloques dinámicos (tengo pestañas y cuando cambio de tabulador, añado un grupo de bloques y elimino el otro grupo de bloques). El problema es que cuando elimino bloques antiguos, no puedo eliminar sus categorías. Si elimino sus categorías con js ( document.query...
artf
@kkuksin no necesitas eliminar bloques o categorías, deberías simplemente volver a renderizar los bloques. Hablamos sobre bloques y pestañas aquí #499
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.
a veces el evento de cambio de rasgos no activa el evento en el modelo y la vista y he visto el error de abajo para eso. Error de rango no detectado: Tamaño máximo de pila de llamadas superado. en HTMLDivElement. <anonymous> (grapes.min.js:9229) at o (grapes.min.js:8871) at i.each (grapes.min.js:9131) en i.trigger (gr...
artf
@krunal039 de qué evento hablas? ¿Puedes dar al menos un ejemplo de cómo reproducirlo?
krunal039
@artf abajo está el enlace del codepen y he añadido un componente personalizado llamado slider. aquí, cuando dejas el control deslizante en editor y luego haces clic en él, debería abrirse el administrador de rasgos, y si cambias el título...
artf
No puedo reproducir ningún error, pero lo que veo mal a primera vista es cómo actualizas los modelos '''js ... someModel.attributes.href = this.get("ahref"); Uso someModel.set('href', this.get("ahref")); ``` Entonces no necesitas '$(this.e...