Cómo llamar a una función que está fuera del componente en la función de script de un componente.
Pregunta
Por favor, ayudadme a resolver el problema que se muestra a continuación.
Cómo llamar a una función que está fuera del componente en la función de script de un componente.
Ejemplo:
la función demo.myFunction debería llamarse en un script de componentes, pero script no puede reconocer la variable demo. Mientras que demo.myFunction puede llamarse a función de iniciación.
grapesjs.plugins.add('my-plugin', function(editor, options) {
var demo = {
this.myFunction(id){
alerta(this.id);
}
}
var domComponents = editor. Jefe de bloque;
domComponents.add('my-block', {
id: 'myComp',
etiqueta: 'Personalizado',
Categoría: 'Plugin',
atributos: {
Clase: 'fa fa-square-o'
},
estilo: {
Relleno: '100px'
},
Contenido: {
tipo: 'miComp'
}
});
VAR Comps = Editor. DomComponents;
var defaultType = comps.getType('default');
var defaultModel = defaultType.model;
var defaultView = defaultType.view;
comps.addType('myComp', {
model: defaultModel.extend({
init(){
Funcionando bien
demo.myFunction(this.id);
},
defaults: Object.assign({}, defaultModel.prototype.defaults, {
removible: cierto,
Arrastrable: Cierto,
estilo: {
'color de fondo':'amarillo',
},
Editable: Cierto,
Copiable: Cierto,
Badgable: Cierto,
Resaltable: Cierto,
redimensionable: cierto,
Droppable: Cierto,
contenido: '<SVG style="width:90%;">
',</svg>
script: function() {
console.log(este);
No funciona
demo.myFunction(this.id);
},
})
},
Definir la vista
view: defaultType.view.extend({
render: function() {
defaultType.view.prototype.render.apply(esto, argumentos);
devuelvo esto;
},
}),
});
})
Gracias.Respuestas (2)
Aquí encontrarás la respuesta #358
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 #445
llamar a una función que está fuera del componente igual que se explica en el número #395
Estoy llamando a una función que está fuera del componente igual que se explica en el número #395 pero está devolviendo una cadena en lugar...
Issue #751
Los rasgos están en una pestaña diferente
Hola @artf, Descubrimos que cuando descargamos el último paquete de GrapesJs en esa pestaña de rasgos aparecen en diferentes formas y la de...
Issue #1691
Cómo usar variables/funciones fuera del script
Hola @artf, ¿Cómo puedo acceder a las funciones de la variable que están fuera del script? Mi código es como, Estoy usando angular.js(Angul...
Issue #1931
[Pregunta]: ¿Cómo insertar una imagen dentro del enlace?
Hola @artf, ¿Cómo puedo insertar una imagen dentro del enlace? Por favor, compartid vuestras ideas sobre lo que necesito hacer. Si necesito...
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.