Incorporare il tuo spazio di lavoro

Puoi integrare ONLYOFFICE Apps o parti di esso nella tua applicazione web, permettendo agli utenti di creare e inviare documenti direttamente dal tuo sito web.

A tal fine, utilizza il ONLYOFFICE Apps SDK basato su JavaScript che consente agli sviluppatori di utilizzare tutte le funzionalità di ONLYOFFICE Apps con api.js.

Per incorporare l'intero spazio di lavoro, una determinata stanza o una cartella nel tuo sito web,

Apri la sezione Strumenti per sviluppatori cliccando sul link Strumenti per sviluppatori disponibile nel pannello di sinistra in qualsiasi sezione (File, Stanze).

note
Per impostazione predefinita, l'accesso alla sezione Strumenti per sviluppatori è abilitato per tutti gli utenti tranne gli ospiti, in modo che qualsiasi utente possa accedere a questa pagina e creare le proprie integrazioni.
Negli Strumenti per sviluppatori, vai alla sezione Embed SDK.
Nella pagina Embed SDK, vai alla sezione Aggiungi i domini consentiti per questo spazio di lavoro, inserisci l'indirizzo del servizio in cui vuoi incorporare o connettere lo spazio di lavoro e premi l'icona +. Indica solo il nome del dominio, senza percorsi URL o caratteri aggiuntivi. I domini aggiunti sono elencati sotto il campo e ciascuno può essere rimosso cliccando sull'icona x.

note
Se stai utilizzando la versione server, è necessario prima passare il tuo spazio di lavoro a HTTPS. Puoi seguire le nostre istruzioni nella sezione Installazione.
Nella sezione Seleziona una modalità per incorporare il tuo spazio di lavoro, scegli una delle modalità suggerite: Apps, Stanza pubblica, Editor, Visualizzatore, Selettore di stanze, Selettore di file, Personalizzato, Uploader.
- Apps - incorpora l'intero spazio di lavoro per permettere agli utenti di interagire con tutte le stanze, i file e le impostazioni.
- Stanza pubblica - incorpora una stanza pubblica per permettere agli utenti di visualizzare, modificare, commentare o rivedere tutti i documenti archiviati lì senza registrazione.
- Editor - incorpora un editor per permettere agli utenti di modificare un file dalla stanza corrispondente.
- Visualizzatore - incorpora un visualizzatore per permettere agli utenti di aprire un file per la visualizzazione dalla stanza corrispondente.
- Selettore di stanze - incorpora un selettore di stanze per permettere agli utenti di accedere a qualsiasi stanza dall'elenco di quelle disponibili. Puoi incorporare tutti i tipi di stanze o selezionare quelle necessarie nel menu Impostazioni di visualizzazione avanzate -> Visualizzazione del tipo di stanza. Seleziona l'opzione necessaria: Tutti i tipi, Stanza pubblica, Stanza di collaborazione, Stanza dati virtuale, Stanza personalizzata.
- Selettore di file - incorpora un selettore di file per permettere agli utenti di accedere a qualsiasi file dall'elenco di quelli disponibili.
- Personalizzato - configura manualmente i parametri per incorporare il tuo spazio di lavoro.
- Uploader - incorpora un uploader in modo che gli utenti possano caricare documenti nel tuo spazio di lavoro senza registrazione. Scegli i tipi di file consentiti per il caricamento. Sono disponibili le seguenti impostazioni:
  - ID della cartella di destinazione - seleziona la cartella dello spazio di lavoro in cui verranno salvati i file caricati. Usa il selettore di cartelle per sfogliare e scegliere la posizione di destinazione.
  - Modalità di caricamento - seleziona cosa potranno caricare gli utenti:
    - File - consenti il caricamento di singoli file.
    - Cartelle - consenti il caricamento di intere strutture di cartelle.
  - Quantità - definisci quanti elementi possono essere caricati contemporaneamente:
    - File singolo - limita l'uploader a un file per sessione.
    - File multipli - consenti il caricamento di più file contemporaneamente.
  - Limiti di caricamento - imposta la Dimensione massima del file e l'unità (KB, MB o GB) per limitare la dimensione di ogni file caricato.
  - Tipi di file disponibili - seleziona una o più categorie per limitare i tipi di file che possono essere caricati: Documenti, Fogli di calcolo, Presentazioni, Immagini, Video, Audio, Archivi, PDF.
  - Testo del pulsante - personalizza l'etichetta del pulsante di caricamento (per impostazione predefinita Carica).
  - Testo di aiuto - personalizza il testo di suggerimento secondario visualizzato sotto il pulsante (per impostazione predefinita oppure trascina qui il file).
  - Personalizzazione della visualizzazione - imposta la Larghezza, l'Altezza (in % o px) e l'ID del frame utilizzato per identificare il frame incorporato nella tua pagina.
Clicca sul pulsante Inizia la configurazione.
Personalizza le opzioni di visualizzazione disponibili che differiscono a seconda della modalità selezionata. Ad esempio, le seguenti opzioni sono disponibili per la modalità Personalizzato: Larghezza, Altezza, ID del frame, Elementi dell'interfaccia (Menu a sinistra, Titolo, Impostazione delle colonne, Pulsante di azione, Ricerca, Filtra e ordina e Intestazione (solo per dispositivi mobili)), Impostazioni di visualizzazione dei dati (seleziona la sezione, la stanza o la cartella che vuoi visualizzare) e Impostazioni di visualizzazione avanzate, come Termine di ricerca, Ordina per parametro, Ordine di ordinamento, il numero di file / cartelle visualizzati in una pagina, Pagina di visualizzazione, Visualizzazione delle colonne in una riga di file.
Visualizza l'anteprima del risultato nella sezione Anteprima.
Passa alla scheda Codice da inserire e copia il codice generato dalla scheda HTML, JavaScript o NPM. Per NPM vengono forniti i comandi per installare e importare il pacchetto, oltre all'oggetto di configurazione con i parametri richiesti e all'elemento HTML in cui inserire il frame dell'SDK.
Incorpora il codice copiato nel tuo sito web.

Strumenti per sviluppatori

La pagina Embed SDK include anche una sezione Esempi di integrazione con integrazioni pronte all'uso per piattaforme popolari come Zoom e WordPress. Clicca su Vedi tutti i connettori per sfogliare l'elenco completo delle integrazioni disponibili.

Per maggiori dettagli sull'Embed SDK, consulta api.onlyoffice.com.