Usando la plantilla web predefinida de demo como punto de partida, noté que el botón de eliminar activo no aparece en la interfaz. La fuente de visualización muestra el botón. ¿Hay alguna otra opción que deba estar activada para que el botón de quitar funcione?
artf
Probablemente relacionado con algún estilo del preset, por favor abre el problema en el repositorio correspondiente
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, Estoy intentando añadir una propiedad de filtro a Styles. El problema que tengo es que la propiedad exige 2 argumentos: 1. El tipo de filtro 2. La fuerza. Por ejemplo, filtro: desenfoque (10%). El problema que tengo es que al añadirlo al archivo CSS que obtengo: filtro: desenfoque 10%. Entiendo que debería usar...
artf
Hola @shlomoko para que el filtro funcione correctamente mediante el tipo 'stack' tienes que añadir un tipo de gestor de estilos personalizado, porque, como ya has notado, tienes que lidiar con cosas dinámicas (por ejemplo, 'funciónNombre'...
artf
Hola @shlomoko he creado un plugin con el tipo de filtro de entrada https://github.com/artf/grapesjs-style-filter Puedes usarlo con la última versión https://github.com/artf/grapesjs/releases/tag/v0.14.40
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.
Esto es para la versión 0.14.33. Tras inicializar el lienzo y seleccionar un elemento 3, se generan solicitudes de red a la siguiente manera: https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.14.33/fonts/fontawesome-webfont.woff2?v=4.7.0https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.14.33/fonts/fontawesome-webfont....
artf
CDNJS no almacena Fontawesome en grapesjs (pero el CSS de grapesjs intenta cargarlos). La solución propuesta por @detectedstealth es para el CSS del canvas, así que no tiene nada que ver con este problema del CSS del editor Así que intenta...
detectedstealth
@keithstric para que yo pudiera hacer que Font Awesome funcionara en el editor necesitaba añadir: A la init({}). ¿Lo has probado?
keithstric
Gracias por tu respuesta. Así que lo probé, añadí: 'lienzo: { Estilos: ['https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.14.33/fonts/fontawesome-webfont.woff2?v=4.7.0'] },` A mis opciones iniciales, pero sigo teniendo el mismo comportami...
Los comentarios en canvas/config.js indican que los estilos externos se añaden a la cabeza del iframe, sin embargo, el código en vista/CanvasView.js en realidad añade el CSS al cuerpo del iframe. Espera que funcione como los scripts externos, cuando se añaden correctamente al cabezal.
artf
No debería causar ningún problema por ser el primer elemento insertado, pero para que sea completo lo vamos a mover dentro del elemento de cabeza
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.
¿Me pregunto si existe alguna limitación o si realmente es posible crear un bloque que permita al usuario del editor escribir código JavaScript personalizado mientras construye la plantilla? Por ejemplo, ¿arrastrar y soltar un bloque de código personalizado y escribir el javascript en él? Ejemplo: Creé un enlace y que...
Eso solo significa que no verás el código, pero tendrás algo que ver y hacer clic para editarlo. El JavaScript en sí está ahí y funciona perfectamente.
¡Hola! Uso este código para añadir un nuevo bloque: blockManager.add("image", { etiqueta: 'Image', categoría: 'Básico', atributos: { clase: "gjs-fonts gjs-f-image" }, Contenido: { Estilo: { color: "negro" }, tipo: "imagen", activeOnRender: 1, }, }); ¿Cómo puedo añadir una clase personalizada a la etiqueta de img cuand...
arthuralmeidap
@alfaalex81 Para el objeto 'content', puedes añadir un nuevo índice llamado 'classes'. Este índice debe ser un array de clases, que se aplicarán al nuevo bloque Image; Código final:
alfaalex81
¡Genial! Tengo otra pregunta para el mismo argumento. Necesito crear un bloque personalizado con una imagen dentro, por ejemplo: <div> <ul> <li> <div><a href="#link"><img src="" alt="Imagen del título" /></a></div> <a href="#link" >Título<...
arthuralmeidap
Este no es el comportamiento del actual. El Gestor de Activos solo se abre si dejas caer directamente un bloque IMG. Debes tener que seleccionar el bloque img dentro de tu bloque personalizado y ejecutar un código así:
Hola @artf, ¿Existe algún método común para saber algo actualizado en Canvas? Queremos crear un gestor de deshacer personalizado y también ofrecer la opción de guardado automático si Cualquier cambio ocurre en el lienzo como actualizar estilo, clonar, eliminar, arrastrar nuevo elemento en el lienzo. Cualquier ayuda se...
artf
Empieza por consultar los eventos disponibles https://grapesjs.com/docs/api/editor.html#available-events
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, No puedo traducir el título de gestor de activos al francés. Ejemplo: assetManager: { Tipo de almacenamiento: '', storeOnChange: cierto, storeAfterUpload: cierto, modalTítulo: 'Gestion des images', uploadText: 'Glisser - déposer les images ici <br><br> <i>(2Mo max par image)</i>', addBtnText: 'Ajouter', ... } mo...
artf
No puedo reproducirlo, por favor haz una demo en directo
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...
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, Cuando subo un archivo de imagen con arrastrar y soltar en la zona específica, la imagen se almacena dos veces en mi servidor y shwin dos veces en la lista de imágenes subidas. Comprobando con firebug, veo dos solicitudes. Pero, si selecciono una imagen usando el explorador de Windows (después de hacer clic en l...
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 trabajando en un proyecto en el que integré grapesJs para que los usuarios puedan crear sus plantillas, guardarlas en la base de datos y editar esas plantillas guardadas. Recientemente añadí el plugin de deslizamiento y ahora el usuario puede crear plantillas, pero al editarlo causo problemas con JavaScript, Est...
sfkazmi
Tengo una forma de solucionarlo, pasé directamente el contenido HTML y CSS <div>en .
sfkazmi
Tengo un nuevo problema, cuando paso el css <div> para renderizarlo y hacer html, cambio el estilo y lo obtengo con editor.getCss(); recibe el estilo antiguo que pasé a la etiqueta <div>style
artf
Lee esto: https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates