Issue #682💬 RespondidoAbierto el 26 de diciembre de 2017por chiqui3dReacciones 2

Crear BLOQUES con configuraciones como el Style Manager

Respuesta rápidapor artf1

Hola @chiqui3d puedes crear bloques con un objeto como contenido con todas las propiedades disponibles '''js blockManager.add('my-block', { etiqueta: 'Bloque simple', Contenido: { Propiedades de los componentes removible: falso, arrastrable: falso, ... } }) ```

Lee la respuesta completa abajo ↓

Pregunta

¡Hola! Me gustaría saber si se pueden crear BLOQUES con opciones como el gestor de estilos, es decir, no arrastrar y mostrar opciones en la misma barra lateral.

Gracias

Respuestas (3)

artf27 de diciembre de 2017

Hola @chiqui3d puedes crear bloques con un objeto como contenido con todas las propiedades disponibles '''js blockManager.add('my-block', { etiqueta: 'Bloque simple', Contenido: { Propiedades de los componentes removible: falso, arrastrable: falso, ... } })

artf31 de enero de 2018

@artf no quiero que se pueda arrastrar ni arrastrarlo al lienzo. Solo quiero hacer clic en el botón de Reemplazar Enlace bloqueando, que muestra una entrada para poner URL y un botón de enviar (estas opciones las hace el Style Manager, que muestra las opciones dentro del panel).

Vale, esto no tiene nada que ver con Bloqueos entonces En tu caso, te sugeriría añadir un botón nuevo con un comando personalizado que simplemente abra un Modal con tus cosas y ejecute tu lógica

chiqui3d29 de enero de 2018

Hola @artf, No pasa nada, quiero decir que he creado un bloque y hacer clic no sirve de nada, los componentes no son el atributo para mostrar el html.

Aquí es mi código:

 bm.add('link-replace', {
        Nombre: 'Link-Replace',
        categoría: 'Extra',
        etiqueta: 'Reemplazo de enlace',
        Contenido: {
            removible: falso,
            arrastrable: falso,
            Droppable: falso,
            Guion: "console.log('el elemento', esto)",
            componentes: "<h2>Bloque de pruebas</h2>",
            contenido: "<h2>Test Block</h2>",
            rasgos: [{
                etiqueta: 'Reemplazo de enlace',
                Nombre: 'Link-Eplace',
                cambioProp: 1,
            }],
            estilo: {
                Ancho: '100px',
                Altura: '100px'
            }
        },
        atributos: {
            título: 'Reemplazo de enlace',
            Clase: 'FA FA-Enlace Externo'
        }
    });

Lo único que quiero hacer es mostrar un tipo de URL de entrada, para reemplazar todos los enlaces de Canvas. ¿O hay otra forma mejor de hacerlo?

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.