Comment intégrer ONLYOFFICE DocSpace (et ses composants) à votre site web

7 mai 2024By Dasha

Vous pouvez partager des fichiers avec des utilisateurs externes en intégrant l’ensemble d’ONLYOFFICE DocSpace et ses composants dans n’importe quelle interface web. Cette fonctionnalité permet aux visiteurs de votre site web d’interagir avec les documents sans quitter la page web ou sans enregistrer leur propre compte DocSpace. Vous trouverez un guide étape par étape dans cet article.

How to embed a public DocSpace room to your website

Intégration de préréglages dans ONLYOFFICE DocSpace

Nous fournissons des préréglages configurés pour rendre l’intégration de DocSpace facile et flexible – aucune connaissance particulière en matière de codage n’est nécessaire. Voici ce que vous pouvez intégrer à votre page web :

  • ensemble de DocSpace
  • salle publique
  • éditeur
  • lecteur
  • sélecteur de salles
  • sélecteur de fichiers

Le mode personnalisé est également disponible si vous souhaitez partager une partie différente de DocSpace. Voyons comment cela fonctionne.

Avant d’intégrer DocSpace à une page web

Faites attention à ces étapes simples, mais cruciales. Elles permettent d’intégrer DocSpace dans votre interface web et sont donc indispensables.

Étape 1. Sur l’écran d’accueil de DocSpace, cliquez sur les trois points à côté de votre nom et accédez aux paramètres de DocSpace.

Comment intégrer une salle publique DocSpace à votre site web

Étape 2. Dans le panneau de gauche, choisissez l’option Outils du développement.

How to embed a public DocSpace room to your website

Étape 3. Naviguez vers le SDK JavaScript et prêtez attention à la section Intégrer DocSpace en tant qu’iframe.

Comment choisir le bon préréglage d’intégration

ONLYOFFICE DocSpace propose plusieurs options d’intégration accompagnées d’une brève description, afin que vous puissiez vous faire une idée de chacune d’entre elles.

DocSpace

Les utilisateurs pourront interagir avec toutes les salles, tous les fichiers et tous les paramètres de l’ensemble de votre espace.

Salle publique

Dans les salles publiques de DocSpace, vous pouvez inviter des utilisateurs via des liens externes pour leur permettre de consulter des fichiers sans s’inscrire. L’édition et les autres actions qui peuvent avoir un impact sur le contenu du fichier ne sont pas disponibles. La protection par mot de passe de ces salles est également possible.

Éditeur

Ce préréglage intègre un éditeur de documents texte, de feuilles de calcul, de présentations, de formulaires ou de fichiers PDF pour permettre l’édition dans la salle correspondante.

Lecteur

Permet d’ouvrir n’importe quel type de document pour le consulter dans la salle correspondante. L’édition et les autres actions susceptibles de modifier le contenu sont interdites.

Sélecteur de salles

Le sélecteur de salles permet d’accéder à n’importe quelle salle de la liste des salles disponibles. Les types de salles peuvent être différents.

Sélecteur de fichiers

De la même manière, le sélecteur de fichiers affiche une liste de fichiers disponibles (ou un bouton générant cette liste) et permet d’y accéder.

Tout composant DocSpace avec des paramètres personnalisés

Cette option permet de modifier les éléments de l’interface, tels que les boutons, les en-têtes, d’activer et de désactiver le filtrage, le tri, la recherche, etc.

Insertion de code HTML ou JavaScript dans votre page web

La dernière étape après avoir choisi le préréglage d’intégration DocSpace souhaité sera d’ouvrir l’onglet Code à insérer, de le copier et de le coller dans le fichier index.html du site web.

Votre DocSpace ou ses composants apparaîtront alors sur votre page web, comme dans l’exemple ci-dessous.

Fallback text

Essayez d’intégrer des salles publiques dans DocSpace vous-même, ou créez un compte gratuit si vous débutez avec ONLYOFFICE DocSpace.

Créer un compte

Pourquoi intégrer des salles publiques à votre site web ?

Les développeurs qui prévoient de permettre la collaboration sur des documents bureautiques dans le cadre de leur service Web envisagent DocSpace pour les raisons suivantes.

  • Les visiteurs du site web peuvent visualiser et interagir avec des documents bureautiques directement sur la page web (au lieu de télécharger des fichiers joints).
  • Il n’est pas nécessaire d’installer un logiciel supplémentaire pour parcourir les fichiers localement – les documents peuvent être ouverts dans n’importe quel navigateur web.
  • Les visiteurs du site web peuvent télécharger, copier et imprimer des documents partagés (si ces actions ne sont pas restreintes).
  • Les visiteurs du site web n’ont pas besoin d’un compte DocSpace pour visualiser les fichiers partagés.
  • Espace interactif avec des dossiers contenant des documents partagés sur votre site web.
  • Pas d’utilisation abusive de liens cliquables.
  • Les documents partagés sont plus visibles parmi les autres contenus.

DocSpace est disponible dans le nuage, ainsi que sur site pour ceux qui souhaitent déployer la solution sur leurs serveurs.