Llamando updateScript desde la sección de script de un pluging
@artf Gracias por aclararlo. Tiene todo el sentido. Lo que acabé haciendo fue: Crear una función dentro del script de mi plugin que se llama en función de la interacción del usuario con un modal. así puedo actualizarlo ahora cuando detecte que el usuario ha completado la solicitud de acceso a la API (cuando pulsa el b...
Lee la respuesta completa abajo ↓Pregunta
Hola a todos,
Llevo unas horas atascado intentando averiguar cómo llamar a updateScript desde la sección de scripts de un plugin personalizado. Hasta ahora he podido crear mi propio plugin que me gustaría compartir una vez que esté estable. Necesito actualizarlo una vez que se conecte a una API externa y recupere datos específicos.
exportar función predeterminada(editor, opt = {}) {
const c = opt;
const editr = editor;
const domc = editor. DomComponents;
...
domc.addType(COMPONENT_TYPE, {
model: defaultModel.extend({
Valores predeterminados: ....
script: función()
{
** ********** ¿CÓMO LO LLAMO DESDE AQUÍ**
this.updateScript
}
}
view: defaultView.extend({
init()
{
this.listenTo(this.model, 'change:clienId change:limitImages', this.updateScript);
const comps = this.model.get('components');
}
¡Cualquier ayuda es bienvenida!
¡Gracias!
Respuestas (3)
@artf Gracias por aclararlo. Tiene todo el sentido. Lo que acabé haciendo fue:
Crear una función dentro del script de mi plugin que se llama en función de la interacción del usuario con un modal. así puedo actualizarlo ahora cuando detecte que el usuario ha completado la solicitud de acceso a la API (cuando pulsa el botón de terminar).
Todavía tengo muchas cosas que añadir, arreglar o terminar, ¡pero está tomando forma!
Avance de plugins de Instagram: ! ezgif com-vídeo-a-gif
Todo:
- Dar al usuario la opción de seleccionar cuántas imágenes por fila hay en diferentes tamaños de pantalla
- Seleccionar entre Galería o Deslizador
- Permitir al usuario seleccionar un límite de imágenes que desea mostrar
- Añadir vídeo, 'me gusta' y enlace para ver el original en el surcurso.
Un trabajo increíble @daniel-farina está emocionada de verlo hecho 😍
Hola @daniel-Farina, esto es algo que puede confundir a mucha gente, especialmente cuando ves el 'guion' como una función. Todo lo que está dentro del 'script' está completamente fuera del alcance de GrapesJS, no hay nada al que acceder (modelar/ver/métodos), todas las transformaciones deberían estar dentro de ese 'script'. Tomemos como ejemplo un nuevo componente personalizado con js, el editor generará un código similar a este: '''html ...
<!-- HTML generado --> <div id="c123">Tu contenido componente...</div> <script> ... JS generado var el = document.getElementById('c123'); el.updateScript() // <-- Esto obviamente mostrará un error Esta es tu plantilla final con JS, no hay GrapesJS, ni modelos/vistas </script> ``` Solo tienes que echar un vistazo a cómo he hecho la parte del guion en [Componente de Cuenta Atrás](https://github.com/artf/grapesjs-component-countdown/blob/master/src/components.js) Allí puedes ver un truco que se usa para coger una propiedad del modelo.'''js ... script: function() { será reemplazado por GrapesJS por 'model.get('startfrom)' var startfrom = '{[ startfrom ]}'; ...
Esta es la única forma de pasar "cosas"
Espero que esto ayude
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2011
Construcción de componentes gjs
Hola a todos, Estoy usando el plugin grapesjs-webpage-preset y me gustaría combinar mi gjs-html con mi gjs-css para que todos los estilos e...
Issue #429
Guardado de componentes personalizados
Hola @artf siento ser un fastidio, realmente no quería abrir un ticket de problema, pero llevo días atascado intentando alcanzar mi objetiv...
Issue #1583
[Pregunta] Modificando el urlStore y el urlLoad dinámicamente.
Hola a todos Me está encantando Grapesjs hasta ahora, gracias por todo tu trabajo en él. Estoy intentando configurar el almacenamiento de p...
Issue #1568
Rasgo de lista/array
Hola, Estoy intentando redactar un rasgo que permita crear una lista de formularios y genere los respectivos en el modelo. Hasta ahora teng...
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.