Problemas con GrapesJS

artf

Hola Matt, ya estamos planeando eliminar Fontawesome del núcleo y usar en su lugar SVGs para los iconos :)

antman3351

Hola, Actualmente estoy probando y desarrollando en etapas iniciales la integración de GrapesJs en una aplicación web existente que utiliza FontAwsome 5.12 (Estoy realmente impresionado con GrapesJs, especialmente por lo extensible que es...

Geczy

PD, FA5 usa SVGs ;)

artf

De hecho, hay una opción para este propósito '''js var editor = grapesjs.init({ ... contenedor: '#gjs', Plugins: ['GJS-Bloques-Básico'], pluginsOpts: { 'gjs-blocks-basic': { ¿Qué bloques añadir? Simplemente omite 'vídeo'. Bloques: ['Column...

hoainam12k

Abrir src/blocks.js. Eliminar la línea 95 -> 109 (la línea 95 empieza con 'if (blocks.indexOf('video') >= 0) {')Abrir src/index.js, línea 7: eliminar ''video', ' Reconstruir el paquete. ¡Supongo que funcionará!

tlatforlz

¡Gracias @artf

artf

O.o, raro... Lo he probado y todo parece estar bien https://jsfiddle.net/3bprucnv/2/

hoainam12k

Debes arrastrar un nuevo bloque (texto, por ejemplo) y cambiar el color de fondo. No ocurre con bloqueos que ya están cuando cargas la página. Mismo problema en tu demo y código de Github, pero está bien en tu enlace de jsfiddle (intenté a...

alemenciones

@hoainam12k tengo el mismo problema, ¿encontraste una solución?

hoainam12k

Sí, solo tienes que elegir Dispositivo desde la esquina superior izquierda ! dispositivo y cambiar el estilo. También puedes añadir puntos de interrupción personalizados, revisa la página de API-Device-Manager.

ajaysofto

Vale, gracias por el mensaje

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.

artf

Mira esto #575

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.

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)

artf

@frank tenzing, simplemente pasalos en 'plugins' '''js grapesjs.init({ ... Plugins: ['Plugin1', 'Plugin2', ...], Opciones pluginsOpts: { 'plugin1': {...}, 'plugin2': {...}, ... } }); ```

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.

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.

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

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