Eckig ist ein auf TypeScript basierendes kostenloses Open-Source-Framework für die Entwicklung von Front-End-Anwendungen, das weit verbreitet ist zum Erstellen nativer mobiler Anwendungen und zum Erstellen von Desktop-installierten Apps für Linux, Windows und Mac OS.
Wenn Sie entwickeln und Führen Sie Angular-basierte Anwendungen aus, ist es möglicherweise eine gute Idee, die Dokumentenbearbeitung und Zusammenarbeit in Echtzeit innerhalb Ihres Dienstes durch die Integration zu ermöglichen ONLYOFFICE-Dokumente (ONLYOFFICE-Dokumentenserver). Eine solche Integration ist dank einer einzigartigen Komponente möglich, die von den ONLYOFFICE-Entwicklern für das Angular-Framework entwickelt wurde.
Wenn die Komponente integriert ist, können Sie die installieren ONLYOFFICE Online-Editoren und testen Sie ihre Leistung in Ihrer Angular-Umgebung. Hier ist, wie Sie es tun können.
ONLYOFFICE-Dokumente ist ein webbasiertes Office-Paket, mit dem Sie mit Textdokumenten, Tabellenkalkulationen, Präsentationen, ausfüllbare Formulare, Und PDF-Dateien in Ihrem Webbrowser.
Die Lösung ist Open Source und erfordert eine lokale Bereitstellung auf einem lokalen Server. Zum Beispiel kann es sein auf Debian und Ubuntu installiert oder andere Linux-basierte Distributionen.
ONLYOFFICE-Dokumente bietet eine benutzerfreundliche Oberfläche und einen vollständigen Satz von Funktionen, sodass Sie Textdokumente, Tabellenkalkulationen, Präsentationen und ausfüllbare Formulare beliebiger Komplexität einfach öffnen und bearbeiten können. Die Suite ist vollständig kompatibel mit Microsoft Word-, Excel- und PowerPoint-Dateien und unterstützt andere gängige Formate, einschließlich ODF.
Du kannst den... benutzen ONLYOFFICE Suite drin ONLYOFFICE-Arbeitsbereich, eine Open-Source-Plattform für Zusammenarbeit und Teammanagement, oder integrieren Sie sie in eine andere webbasierte App oder Plattform.
Sie können zum Beispiel integrieren ONLYOFFICE-Dokumente mit Nextcloud, Moodle, Confluence, ownCloud, WordPress, Seafile, Sharepoint, Im Freien, Redmine und so weiter. Die Gesamtzahl der verfügbaren Integrationen beträgt mehr als 30.
Für ONLYOFFICE-Dokumente, gibt es eine kostenlose Desktop-App für Windows, Linux und macOS, mit der Sie offline mit Dokumenten arbeiten können, sowie kostenlose mobile Apps für Android und iOS.
ONLYOFFICE-Dokumente bietet offen API und ist kompatibel mit der 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.
Zuallererst müssen Sie haben ONLYOFFICE-Dokumente (ONLYOFFICE-Dokumentenserver) auf Ihrem Server installiert. Sie können es von bekommen GitHub mit der entsprechenden Montageanleitung.
Der ONLYOFFICE-Komponente für das Angular-Framework ist in der npm-Registrierung verfügbar. Deshalb müssen Sie es von installieren npm mit diesem Befehl:
$ npm install --save @onlyoffice/document-editor-angular.
Installation der Komponente mit Garn ist auch möglich. Führen Sie einfach diesen Befehl aus:
$ Garn füge @onlyoffice/document-editor-angular hinzu.
Nach erfolgreicher Installation müssen Sie importieren DocumentEditorModul:
importiere { NgModule } aus '@angular/core'; importiere { 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:
@Komponente({...}) export class ExampleComponent { config: IConfig = { document: { "fileType": "docx", "key": "Khirz6zTPdfd7", "title": "Example Document Title.docx", "url": " https://example.com/url-to-example-document.docx" }, documentType: "word", editorConfig: { "callbackUrl": " https://example.com/url-to-callback.ashx" }, } onDocumentReady = (event) => { console.log("Dokument wird geladen"); }; }
Der nächste Schritt ist die Verwendung von Dokument-Editor Komponente mit den Optionen in Ihrer Vorlage:
Eine vollständige Beschreibung aller verfügbaren Optionen finden Sie unter Dokument-Editor-Winkel.
Installieren Sie dann alle erforderlichen Projektabhängigkeiten:
$ npm installieren.
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-Paket.
Testen Sie abschließend die ONLYOFFICE-Komponente:
$ cd ./Projekte. $ ng test @onlyoffice/document-editor-angular.
Das ist es! Jetzt können Sie sehen, wie ONLYOFFICE-Dokumente arbeitet in Ihrem Eckig App.