¿Cómo consigo identificación de Block?
Puedes usar 'esto' dentro del script para referenciar el elemento de bloque. Si quieres el identificación, puedes usar 'this.id'. Ten en cuenta que 'document.getElementById(this.id) == this'
Lee la respuesta completa abajo ↓Pregunta
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 ??? de bloque
editor. BlockManager.add('test-block', {
etiqueta: 'Bloque de prueba',
Atributos: {Clase: 'FA FA-TEXTO'},
Contenido: {
contenido:'<div id=""></div>',
script: función () {
console.log(document.getElementById("MyBlockDivIDHere"));
uil.add('joystick', { target: document.getElementById("MyBlockDivIDHere"), pos:{left:'0', top:'0', bottom:'0' }, name:'JOY', w:100, multiplicator:1, precision:2, fontColor:'#D4B87B' });
},
estilo: {
Ancho: '100px',
Altura: '100px',
'color de fondo': 'rojo',
}
}
});Respuestas (2)
Puedes usar 'esto' dentro del script para referenciar el elemento de bloque. Si quieres el identificación, puedes usar 'this.id'. Ten en cuenta que 'document.getElementById(this.id) == this'
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 #1034
Insertar elemento o bloque dentro del elemento padre
Buenos días, tengo componente, tengo bloqueo tengo Trait en los cambios de escucha, ¿cómo puedo añadir "h1" dentro de ese bloque "''<div cl...
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...
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 #1471
[Pregunta] Gestor de bloques e imagen
¡Hola! Uso este código para añadir un nuevo bloque: blockManager.add("image", { etiqueta: 'Image', categoría: 'Básico', atributos: { clase:...
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.