So stellen Sie nur Dokumente auf Angular ein

Eckig ist ein typescript-basiertes kostenloses und Open-Source-Front-End-Anwendungsentwicklungsframework, das häufig zum Erstellen nativer mobiler Anwendungen und zum Erstellen von Desktop-installierten Apps für Linux, Windows und MacOS verwendet wird.

Wenn Sie angularbasierte Anwendungen entwickeln und ausführen, ist es möglicherweise eine gute Idee, die Bearbeitung und Echtzeit-Zusammenarbeit in Ihrem Service durch Integration der Dokumente zu ermöglichen Nur Dokumente (Nur Dokumentenserver). Eine solche Integration ist aufgrund einer einzigartigen Komponente möglich.

Mit der Komponente können Sie bei der Integration die installieren Nuroff Online -Redakteure und testen Sie ihre Leistung in Ihrer Winkelumgebung. So können Sie es tun.

Über nur Dokumente

Nur -office-Dokumente sind ein webbasiertes Office-Paket, mit dem Sie mit Textdokumenten, Tabellenkalkulationen, Präsentationen, füllbaren Formularen und PDF-Dateien in Ihrem Webbrowser arbeiten können.

Die Lösung ist Open-Source und erfordert eine lokale Bereitstellung auf einem lokalen Server. Zum Beispiel kann es auf Debian und Ubuntu oder anderen Linux-basierten Distributionen installiert werden.

Nur Dokumente Bietet eine benutzerfreundliche Oberfläche und eine vollständige Reihe von Funktionen, damit Sie Textdokumente, Tabellenkalkulationen, Präsentationen und füllbare Formulare jeder Komplexität problemlos öffnen und bearbeiten können. Die Suite ist vollständig mit Microsoft Word-, Excel- und PowerPoint -Dateien kompatibel und unterstützt andere beliebte Formate, einschließlich ODF.

Du kannst den ... benutzen Nuroff Suite innerhalb von OnlyOffice Workspace, einer Open-Source-Plattform für kollaborative Arbeit und Teammanagement oder integrieren Sie sie in eine andere webbasierte App oder Plattform.

Zum Beispiel können Sie integrieren Nur Dokumente Mit Nextcloud, Moodle, Confluence, Owncloud, WordPress, Seafile, SharePoint, Impesco, Redmine usw. Die Gesamtzahl der verfügbaren Integrationen beträgt mehr als 30.

Für Nur Dokumente, Es gibt eine kostenlose Desktop -App für Windows, Linux und MacOS, mit der Sie offline mit Dokumenten und kostenlosen mobilen Apps für Android und iOS arbeiten können.

Nur Dokumente Bietet offen API und ist kompatibel mit dem Wopi Protokoll, sodass Softwareentwickler die Suite problemlos in ihre Softwaretools einbetten können. Zu diesem Zweck gibt es eine spezielle Version namens OnlyOffice Docs Developer Edition.

Installieren Sie die Winkelkomponente für nur Office -Dokumentserver

Zunächst müssen Sie haben Nur Dokumente (Nur Dokumentenserver) auf Ihrem Server installiert. Sie können es von GitHub mit den entsprechenden Installationsanweisungen erhalten.

Die einzige Komponente für das Winkelgerüst ist in der NPM -Registrierung erhältlich. Deshalb müssen Sie es aus installieren NPM Mit diesem Befehl:

$ npm install--Save @OnlyOffice/document-editor-angular 

Installation der Komponente mit Garn ist auch möglich. Führen Sie diesen Befehl einfach aus:

$ marnnieren @Onlyoffice/document-editor-angular 

So verwenden Sie Winkelkomponente in nur Dokumenten

Nach erfolgreicher Installation müssen Sie importieren Documenteditormodule:

importieren ngmodule aus '@angular/core'; importieren documentEDitOrmodule aus "@OnlyOffice/document-editor-angular"; @Ngmodule (Deklarationen: [AppComponent], Importe: [documenteditorangularModule], Bootstrap: [AppComponent]) Exportklasse AppModule  

Danach müssen Sie die folgenden Optionen in Ihrer konsumierenden Komponente definieren:

@Component (…) Exportklassen exportieren exportieren.docx "," url ":" https: // Beispiel.COM/URL-TO-Example-Dokument.docx ", documentType:" word ", editorconfig: " callbackurl ":" https: //.com/url-to-callback.AshX ", OndocumentReady = (Ereignis) => Konsole.log ("Dokument ist geladen"); ;  

Der nächste Schritt besteht darin, die zu verwenden Dokument-Editor Komponente mit den Optionen in Ihrer Vorlage:

Eine vollständige Beschreibung aller verfügbaren Optionen finden Sie unter Dokument-Eduitor-Angular.

Weitere Entwicklung

Installieren Sie dann alle erforderlichen Projektabhängigkeiten:

$ npm install 

Der nächste Schritt besteht darin, das Projekt selbst zu erstellen:

$ cd ./Projekte $ ng Build @OnlyOffice/document-editor-angular 

Erstellen Sie das Projektpaket:

$ cd ./dist/OnlyOffice/document-editor-angular $ npm Pack 

Testen Sie schließlich die einzige Komponente der Office:

$ cd ./Projekte $ ng test @OnlyOffice/document-editor-angular 

Das ist es! Jetzt können Sie sehen, wie Nur Dokumente funktioniert in Ihrem Eckig App.