Crear BLOQUES con configuraciones como el Style Manager
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)
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, ... } })
@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
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.
Issue #1817
Cambiar el contenido HTML mientras el bloque se renderiza en el editor
Hola @artf Tengo un bloque en el gestor de bloques como Según el script anterior dentro del bloque, quiero añadir contenido HTML dinámico m...
Issue #511
No se puede editar el contenido después de actualizarlo mediante la API del gestor de bloques
Hola @artf perdón por mi último problema, debo crear un nuevo problema, mi problema tiene un error como este EDITO: perdón, acabo de arregl...
Issue #678
Se busca ayuda
Hola, 2 consultas: 1) Cómo añadir un LOGO, como en la página web de la demostración. ! captura de pantalla 2017-12-23 a las 18:13:32 2) Cóm...
Issue #871
[BUG] Opciones incorrectas de stylemanager la primera vez que se selecciona un componente/bloque
Hola, He notado el siguiente comportamiento con errores en el gestor de estilos:Usando una copia local de GrapesJS (ver 0.14.5). Probado en...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.