Incorpora in pagina web
L'incorporazione è un modo semplice per includere l'applicazione nel tuo sito web. Aggiungi il seguente codice al tuo sito web:
<iframe src="https://web.butterfly.linwood.dev/embed" width="100%" height="500px" allowtransparency="true"></iframe>
Opzioni
Opzione | Tipo | Predefinito | Descrizione |
---|---|---|---|
salva | Booleano (vero, falso) | vero | Abilita il salvataggio. Se disabilitato, verrà mostrato solo un pulsante di uscita |
modificabile | Booleano (vero, falso) | vero | Abilita le modifiche. Se disabilitato, il documento sarà in sola lettura |
lingua | Stringa (..., sistema, utente) | sistema | Lingua del documento. Se il sistema, la lingua verrà rilevata dal browser. Se l'utente, la lingua imposterà la preferenza dell'utente |
Eventi
Esempi su come usarlo:
const embedElement = document.querySelector('#butterfly');
embedElement.addEventListener('message', (data) => {
if(data.detail.type === 'save') {
console.log('Saving...', data.detail.message);
}
});
salva
L'evento
save
si verifica quando l'utente fa clic sul pulsante Salva.
Parametri:
data
(TypeList<int>
): I dati del documento.
esce
L'evento
exit
si verifica quando l'utente fa clic sul pulsante di uscita.
Parametri:
data
(TypeList<int>
): I dati del documento.
modifica
L'evento
change
si verifica quando l'utente cambia il documento.
Parametri:
data
(TypeList<int>
): I dati del documento.
Metodi
Esempi su come usarlo:
const embedElement = document.querySelector('#butterfly');
embedElement.pushMessage('getData', {});
embedElement.addEventListener('message', (data) => {
if(data.detail.type === 'getData') {
console.log(data.detail.message);
}
});
getData
Il metodo
getData
restituisce i dati del documento.
Nessun parametro. Restituisce: Elenco<int>
setData
Il metodo
setData
imposta i dati del documento.
Parametri:
data
(TypeList<int>
): I dati del documento.
renderizza
Il metodo
render
renderizza il documento in un'immagine png.
Parametri:
width
(TypeNumber
): La larghezza dell'immagine.height
(TypeNumber
): L'altezza dell'immagine.scale
(TypeNumber
): La scala dell'immagine.renderBackground
(TypeBoolean
): Se vero, lo sfondo sarà renderizzato.
Restituisce: String
(Immagine codificata Base64)
renderSVG
Il metodo
renderSVG
renderizza il documento in un'immagine svg.
Parametri:
width
(TypeNumber
): La larghezza dell'immagine.height
(TypeNumber
): L'altezza dell'immagine.renderBackground
(TypeBoolean
): Se vero, lo sfondo sarà renderizzato.
Restituisce: String
(SVG)