Einbettung von ONLYOFFICE DocSpace (und seiner Komponenten) in Ihre Website

7 Mai 2024By Vlad

Sie können Dateien mit externen Nutzern teilen, indem Sie ONLYOFFICE DocSpace und seine Komponenten in eine beliebige Weboberfläche einbetten. Diese Funktionalität ermöglicht es Ihren Website-Besuchern, mit Dokumenten zu interagieren, ohne die Webseite zu verlassen oder ein eigenes DocSpace-Konto einzurichten. Eine Schritt-für-Schritt-Anleitung finden Sie in diesem Beitrag.

How to embed ONLYOFFICE DocSpace (and its components) to your website

Voreinstellungen für Einbettung in ONLYOFFICE DocSpace

Wir stellen konfigurierte Voreinstellungen zur Verfügung, die das Einbinden von DocSpace einfach und flexibel machen – Sie benötigen keine zusätzlichen Kenntnisse im Programmieren. Hier sehen Sie, was Sie auf Ihrer Webseite integrieren können:

  • das gesamte DocSpace,
  • einen öffentlichen Raum,
  • Editor,
  • Viewer,
  • Raumauswahl,
  • Dateiauswahl.

Außerdem ist ein benutzerdefinierter Modus verfügbar, falls Sie einen anderen Teil von DocSpace freigeben möchten. Lassen Sie uns herausfinden, wie es funktioniert.

Bevor Sie DocSpace in eine Webseite einbetten

Folgen Sie diesen einfachen, aber entscheidenden Schritten. Sie ermöglichen die Einbettung von DocSpace in Ihre Weboberfläche und sind daher unbedingt zu befolgen.

Schritt 1. Klicken Sie auf Ihrem DocSpace-Startbildschirm auf die drei Punkte neben Ihrem Namen und gehen Sie zu den DocSpace-Einstellungen.

How to embed ONLYOFFICE DocSpace (and its components) to your website

Schritt 2. Wählen Sie auf der linken Seite die Option Entwicklertools.

How to embed ONLYOFFICE DocSpace (and its components) to your website

Schritt 3. Gehen Sie zum JavaScript SDK und achten Sie auf den Abschnitt DocSpace als iframe einbetten.

How to embed ONLYOFFICE DocSpace (and its components) to your website

Auswahl der geeigneten Einbettungsvoreinstellung

ONLYOFFICE DocSpace bietet mehrere Einbettungsoptionen mit kurzen Beschreibungen an, damit Sie eine Idee von jeder Option haben.

DocSpace

Die Benutzer können mit allen Räumen, Dateien und Einstellungen in Ihrem gesamten Bereich interagieren.

How to embed ONLYOFFICE DocSpace (and its components) to your website

Öffentlicher Raum

In öffentlichen DocSpace-Räumen können Sie Benutzer über externe Links einladen, um ihnen die Ansicht von Dateien ohne Registrierung zu ermöglichen. Bearbeitungen und andere Aktionen, die sich auf den Inhalt der Dateien auswirken können, sind nicht möglich. Ein Passwortschutz für solche Räume ist ebenfalls möglich.

How to embed ONLYOFFICE DocSpace (and its components) to your website

Editor

Diese Voreinstellung bettet einen Editor für Text, Tabellenkalkulationen, Präsentationen, Formulare oder PDF ein, um die Bearbeitung im entsprechenden Raum zu ermöglichen.

How to embed ONLYOFFICE DocSpace (and its components) to your website

Viewer

Erlauben Sie das Öffnen beliebiger Dokumenttypen zur Ansicht im entsprechenden Raum. Die Bearbeitung und andere Aktionen, die den Inhalt verändern können, sind verboten.

How to embed ONLYOFFICE DocSpace (and its components) to your website

Raumauswahl

Die Raumauswahl ermöglicht den Zugang zu einem beliebigen aus der Liste der verfügbaren Räume. Die Raumtypen können unterschiedlich sein.

How to embed ONLYOFFICE DocSpace (and its components) to your website

Dateiauswahl

In ähnlicher Weise zeigt die Dateiauswahl eine Liste der verfügbaren Dateien an (oder eine Schaltfläche, die diese Liste erzeugt) und ermöglicht den Zugriff darauf.

How to embed ONLYOFFICE DocSpace (and its components) to your website

Jede DocSpace-Komponente mit benutzerdefinierten Einstellungen

Diese Option ermöglicht das Ändern von Oberflächenelementen wie Schaltflächen, Kopfzeilen, Ein- und Ausschalten von Filtern, Sortieren, Suchen usw.

How to embed ONLYOFFICE DocSpace (and its components) to your website

Einfügen von HTML- oder JavaScript-Code in Ihre Webseite

Der letzte Schritt nach der Auswahl der gewünschten Voreinstellungen für die DocSpace-Einbettung besteht darin, den Code in der Registerkarte Code zum Einfügen zu öffnen, ihn zu kopieren und in die Datei index.html der Website einzufügen.

How to embed ONLYOFFICE DocSpace (and its components) to your website

Jetzt wird Ihr DocSpace oder seine Komponenten auf Ihrer Webseite angezeigt – wie im folgenden Beispiel.

Fallback text

Versuchen Sie selbst, DocSpace einzubinden, oder erstellen Sie einen kostenlosen Konto, wenn Sie neu bei ONLYOFFICE DocSpace sind.

KONTO ERSTELLEN

Warum sollten Sie DocSpace in Ihre Website einbinden?

Entwickler, die planen, die Zusammenarbeit an Office-Dokumenten innerhalb ihres Webservices zu ermöglichen, sollten DocSpace aus folgenden Gründen in Betracht ziehen.

  • Website-Besucher können Office-Dokumente direkt auf der Webseite ansehen und mit ihnen interagieren (anstatt angehängte Dateien herunterzuladen)
  • Es muss keine zusätzliche Software installiert werden, um Dateien lokal zu durchsuchen – die Dokumente können in jedem beliebigen Webbrowser geöffnet werden
  • Website-Besucher können freigegebene Dokumente herunterladen, kopieren und drucken (sofern diese Aktionen nicht eingeschränkt sind)
  • Website-Besucher benötigen kein DocSpace-Konto, um freigegebene Dateien anzusehen
  • Interaktiver Bereich mit Ordnern, die freigegebene Dokumente enthalten, auf Ihrer Website
  • Keine übermäßige Verwendung von klickbaren Links
  • Freigegebene Materialien sind zwischen den übrigen Inhalten besser sichtbar.

DocSpace ist sowohl in der Cloud als auch als On-Premise-Lösung für diejenigen verfügbar, die die Lösung auf ihren Servern einsetzen möchten.