Comment déployer uniquement les documents de bureau sur Angular

Angulaire est un cadre de développement d'applications frontal gratuit basé sur descriptriques et open source largement utilisé pour créer des applications mobiles natives et créer des applications installées sur le bureau pour Linux, Windows et MacOS.

Si vous développez et exécutez des applications angulaires, il pourrait être une bonne idée d'activer l'édition de documents et la collaboration en temps réel au sein de votre service en intégrant Uniquement les documents d'office (SERVICE DE DOCUMENTS OFFICE). Une telle intégration est possible en raison d'un composant unique développé pour le cadre angulaire par les seuls développeurs d'Office.

Lorsqu'il est intégré, le composant vous permet d'installer le Only Office éditeurs en ligne et tester leurs performances dans votre environnement angulaire. Voici comment vous pouvez le faire.

À propos des documents uniquement Office

OnlyOffice Docs est un package de bureaux sur le Web qui vous permet de travailler avec des documents texte, des feuilles de calcul, des présentations, des formulaires à remplir et des fichiers PDF dans votre navigateur Web.

La solution est open-source et nécessite un déploiement sur site sur un serveur local. Par exemple, il peut être installé sur Debian et Ubuntu ou d'autres distros basés sur Linux.

Uniquement les documents d'office propose une interface conviviale et un ensemble complet de fonctionnalités afin que vous puissiez facilement ouvrir et modifier des documents texte, des feuilles de calcul, des présentations et des formes remplissables de toute complexité. La suite est entièrement compatible avec les fichiers Microsoft Word, Excel et PowerPoint et prend en charge d'autres formats populaires, y compris ODF.

Vous pouvez utiliser le Only Office Suite au sein de l'espace de travail uniquement Office, une plate-forme open source pour le travail collaboratif et la gestion d'équipe, ou l'intégrer avec une autre application ou plate-forme Web.

Par exemple, vous pouvez intégrer Uniquement les documents d'office avec NextCloud, Moodle, Confluence, Owncloud, WordPress, SeaFile, SharePoint, Alfresco, Redmine, etc. Le nombre total d'intégrations disponibles est supérieure à 30.

Pour Uniquement les documents d'office, Il existe une application de bureau gratuite pour Windows, Linux et MacOS, qui vous permet de travailler avec des documents hors ligne et des applications mobiles gratuites pour Android et iOS.

Uniquement les documents d'office Fournit ouvert API et est compatible avec le Wopi Protocole, afin que les développeurs de logiciels puissent facilement intégrer la suite dans leurs outils logiciels. À cette fin, il existe une version spéciale appelée uniquement Office Docs Developer Edition.

Installez le composant angulaire pour uniquement le serveur de documents Office

Tout d'abord, vous devez avoir Uniquement les documents d'office (SERVICE DE DOCUMENTS OFFICE) installé sur votre serveur. Vous pouvez l'obtenir à partir de GitHub en utilisant les instructions d'installation correspondantes.

Le seul composant Office pour le cadre angulaire est disponible dans le registre NPM. C'est pourquoi vous devez l'installer à partir de NPM avec cette commande:

$ NPM Install - Save @ OnlyOffice / Document-Editor-Angular 

Installation du composant en utilisant fil est également possible. Exécutez simplement cette commande:

$ yarn add @ onlyoffice / document-éditeur-angulaire 

Comment utiliser les composants angulaires dans uniquement des documents

Après une installation réussie, vous devez importer Documentairetormodule:

import ngmodule de '@ angular / core'; import documentEdItorModule depuis "@ onlyoffice / document-éditeur-angulaire"; @Ngmodule (déclarations: [AppComponent], Imports: [documentEditorangularModule], bootstrap: [AppComponent]) class export appmodule  

Après cela, vous devez définir les options suivantes dans votre composante consommée:

@Component (…) Export class exampleComponent config: iconfig = document: "FileType": "docx", "key": "khirz6ztpdfd7", "title": "Exemple.docx "," url ":" https: // exemple.com / url-to-échantillon de document.docx ", documentType:" word ", editorconfig: " callbackUrl ":" https: // exemple.com / url-à-appel.Ashx ", onDocumentReady = (Event) => Console.log ("document est chargé"); ;  

L'étape suivante consiste à utiliser le rédacteur en chef Composant avec les options de votre modèle:

Une description complète de toutes les options disponibles est disponible chez Document-Editor-Angular.

La poursuite du développement

Ensuite, installez toutes les dépendances du projet requises:

$ d'installation de NPM 

L'étape suivante consiste à construire le projet lui-même:

$ CD ./ projets $ ng build @ onlyoffice / document-éditeur-angulaire 

Créer le package de projet:

$ CD ./ DIST / UNIQUEMENT Office / Document-Editor-Angular $ NPM Pack 

Enfin, testez le seul composant Office:

$ CD ./ projets $ ng test @ onlyoffice / document-éditeur-angulaire 

C'est ça! Maintenant tu peux voir comment Uniquement les documents d'office Fonctionne dans votre Angulaire appliquer.