![Cele mai bune smartphone-uri bugetare sub 500 USD în 2021](/f/5253785f0e2374c255025b1c25591219.jpg?width=100&height=100)
unghiular este un cadru de dezvoltare de aplicații front-end gratuit și open-source bazat pe TypeScript, utilizat pe scară largă pentru crearea de aplicații mobile native și crearea de aplicații instalate pe desktop pentru Linux, Windows și macOS.
Dacă dezvoltați și rulați aplicații bazate pe unghiular, ar putea fi o idee bună să activați editarea documentelor și colaborarea în timp real în cadrul serviciului dvs. prin integrare ONLYOFFICE Docs (ONLYOFFICE Document Server). O astfel de integrare este posibilă datorită unei componente unice dezvoltate pentru framework-ul Angular de către dezvoltatorii ONLYOFFICE.
Când este integrată, componenta vă permite să instalați ONLYOFFICE editori online și testați-le performanța în mediul dvs. Angular. Iată cum o poți face.
ONLYOFFICE Docs este un pachet de birou web care vă permite să lucrați cu documente text, foi de calcul, prezentări, formulare completabile, și Fișiere PDF în browserul dvs. web.
Soluția este open-source și necesită o implementare locală pe un server local. De exemplu, poate fi
instalat pe Debian și Ubuntu sau alte distribuții bazate pe Linux.ONLYOFFICE Docs oferă o interfață ușor de utilizat și un set complet de caracteristici, astfel încât să puteți deschide și edita cu ușurință documente text, foi de calcul, prezentări și formulare completabile de orice complexitate. Suita este complet compatibilă cu fișierele Microsoft Word, Excel și PowerPoint și acceptă alte formate populare, inclusiv ODF.
Puteți folosi ONLYOFFICE suită în interior ONLYOFFICE spațiu de lucru, o platformă open-source pentru lucru în colaborare și management de echipă sau integrați-o cu o altă aplicație sau platformă web.
De exemplu, puteți integra ONLYOFFICE Docs cu Nextcloud, Moodle, Confluence, ownCloud, WordPress, Seafile, SharePoint, În aer liber, Redmine și așa mai departe. Numărul total de integrări disponibile este mai mare de 30.
Pentru ONLYOFFICE Docs, există o aplicație desktop gratuită pentru Windows, Linux și macOS, care vă permite să lucrați cu documente offline și aplicații mobile gratuite pentru Android și iOS.
ONLYOFFICE Docs oferă deschis API și este compatibil cu WOPI protocol, astfel încât dezvoltatorii de software să poată încorpora cu ușurință suita în instrumentele lor software. În acest scop, există o versiune specială numită ONLYOFFICE Docs Developer Edition.
În primul rând, trebuie să ai ONLYOFFICE Docs (ONLYOFFICE Document Server) instalat pe serverul dvs. Îl poți obține de la GitHub folosind instrucțiunile de instalare corespunzătoare.
The componenta ONLYOFFICE pentru cadrul Angular este disponibil în Registrul npm. De aceea trebuie să îl instalați de la npm cu aceasta comanda:
$ npm install --save @onlyoffice/document-editor-angular.
Instalarea componentei folosind fire este de asemenea posibil. Doar rulați această comandă:
$ yarn add @onlyoffice/document-editor-angular.
După instalarea cu succes, trebuie să importați DocumentEditorModule:
import { NgModule } din '@angular/core'; import { DocumentEditorModule } din „@onlyoffice/document-editor-angular”; @NgModule({ declarații: [ AppComponent ], importuri: [ DocumentEditorAngularModule ], bootstrap: [AppComponent] }) export clasa AppModule { }
După aceea, trebuie să definiți următoarele opțiuni în componenta dvs. de consum:
@Component({...}) clasa de export ExampleComponent { config: IConfig = { document: { "fileType": "docx", "key": "Khirz6zTPdfd7", "title": "Exemplu de document Title.docx", "url": " https://example.com/url-to-example-document.docx" }, documentType: "cuvânt", editorConfig: { "callbackUrl": " https://example.com/url-to-callback.ashx" }, } onDocumentReady = (eveniment) => { console.log("Documentul este încărcat"); }; }
Următorul pas este să utilizați editor de documente componentă cu opțiunile din șablonul dvs.:
O descriere completă a tuturor opțiunilor disponibile este disponibilă la document-editor-unghiular.
Apoi instalați toate dependențele necesare de proiect:
$ npm instalare.
Următorul pas este construirea proiectului în sine:
$ cd ./proiecte. $ ng build @onlyoffice/document-editor-angular.
Creați pachetul de proiect:
$ cd ./dist/onlyoffice/document-editor-angular. pachet $ npm.
În cele din urmă, testați componenta ONLYOFFICE:
$ cd ./proiecte. $ ng test @onlyoffice/document-editor-angular.
Asta este! Acum puteți vedea cum ONLYOFFICE Docs lucrează în interiorul tău unghiular aplicația.