Insertar elemento o bloque dentro del elemento padre
Dado el 'modelo' actual, puedes añadir otros componentes de esta manera: 'model.components('<h1>Hello world</h1>')'
Lee la respuesta completa abajo ↓Pregunta
Buenos días, tengo componente, tengo bloqueo
editor. BlockManager.add("bootstrap-container", {
Atributos: {Clase: "GJS-Fonts GJS-F-B1 GJS-Block-GJS-One-BG GJS-Four-Color-H"},
Categoría: "Prueba",
etiqueta: "Test",
Contenido: '<div class="container" style="min-height:10px;"></div>'
});
tengo Trait en los cambios de escucha, ¿cómo puedo añadir "h1" dentro de ese bloque "''<div class="container" style="min-height:10px;"></div>'". Cómo añadir etiqueta dentro de este modelo Por ejemplo:
doStuff(){
var coll = this.collection;
var at = coll.indexOf(this)
coll.add('<h1>Hola mundo</h1>', { at });
}
Respuestas (3)
Dado el 'modelo' actual, puedes añadir otros componentes de esta manera: 'model.components('<h1>Hello world</h1>')'
@vladbpython hola, ¿solucionáis este problema? También quiero saber cómo arrastrar un elemento al elemento padre.
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.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1545
[Pregunta] ¿Cómo consigo identificación de Block?
Hola, tengo mi bloque y recibo resultados de impresión en Div ID de mi componente de clase javascript... ¿Cómo consigo identificación de mi...
Issue #1584
No obtengo el script de bloque de editor.getComponents()
A continuación está el componente que voy a añadir.this.editor.BlockManager.add('dob-mmyy-pii', { id: 'dob-mmyy', etiqueta: 'FECHA DE NACIM...
Issue #1556
Añadir nuevo bloque al gestor de bloques: el contenido predefinido y el contenido del editor son diferentes
Intento usar el motor de plantillas con grapesjs. Añadir un nuevo bloque con esto: Arrastra el nuevo bloque al editor y entonces el conteni...
Issue #792
La propiedad de script usando función no funciona con bloques
En la documentación de Componentes & JS hay este ejemplo: Esto funciona perfectamente. Pero no podría usar una función en lugar de una cade...
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.