Kantete er et TypeScript-basert gratis og åpen kildekode-front-end-applikasjonsutviklingsramme som er mye brukt for å bygge innfødte mobilapplikasjoner og lage skrivebordsinstallerte apper for Linux, Windows og Mac os.
Hvis du utvikler og kjøre Angular-baserte applikasjoner, kan det være en god idé å aktivere dokumentredigering og sanntidssamarbeid innenfor tjenesten ved å integrere ONLYOFFICE Docs (ONLYOFFICE dokumentserver). Slik integrasjon er mulig på grunn av en unik komponent utviklet for Angular-rammeverket av ONLYOFFICE-utviklerne.
Når integrert, lar komponenten deg installere ONLYOFFICE online redaktører og test ytelsen deres i ditt Angular-miljø. Her er hvordan du kan gjøre det.
ONLYOFFICE Docs er en nettbasert kontorpakke som lar deg jobbe med tekstdokumenter, regneark, presentasjoner, utfyllbare skjemaer, og PDF-filer i nettleseren din.
Løsningen er åpen kildekode og krever lokal distribusjon på en lokal server. Det kan for eksempel være installert på Debian og Ubuntu eller andre Linux-baserte distroer.
ONLYOFFICE Docs tilbyr et brukervennlig grensesnitt og et komplett sett med funksjoner slik at du enkelt kan åpne og redigere tekstdokumenter, regneark, presentasjoner og utfyllbare skjemaer uansett kompleksitet. Suiten er fullstendig kompatibel med Microsoft Word-, Excel- og PowerPoint-filer og støtter andre populære formater, inkludert ODF.
Du kan bruke ONLYOFFICE suite innenfor ONLYOFFICE Arbeidsområde, en åpen kildekode-plattform for samarbeidsarbeid og teamledelse, eller integrer den med en annen nettbasert app eller plattform.
For eksempel kan du integrere ONLYOFFICE Docs med Nextcloud, Moodle, Confluence, ownCloud, WordPress, Seafile, Delingspunkt, Alfresco, Redmine og så videre. Det totale antallet tilgjengelige integrasjoner er mer enn 30.
Til ONLYOFFICE Docs, det er en gratis skrivebordsapp for Windows, Linux og macOS, som lar deg jobbe med dokumenter offline, og gratis mobilapper for Android og iOS.
ONLYOFFICE Docs gir åpen API og er kompatibel med WOPI protokollen, slik at programvareutviklere enkelt kan bygge inn suiten i programvareverktøyene sine. For dette formålet er det en spesiell versjon kalt ONLYOFFICE Docs Developer Edition.
Først av alt må du ha ONLYOFFICE Docs (ONLYOFFICE dokumentserver) installert på serveren din. Du kan få det fra GitHub ved hjelp av den tilhørende installasjonsinstruksjonen.
De ONLYOFFICE-komponent for Angular-rammeverket er tilgjengelig i npm-registeret. Det er derfor du må installere det fra npm med denne kommandoen:
$ npm install --save @onlyoffice/document-editor-angular.
Installasjon av komponenten ved hjelp av garn er også mulig. Bare kjør denne kommandoen:
$ yarn add @onlyoffice/document-editor-angular.
Etter vellykket installasjon må du importere DocumentEditorModule:
importer { NgModule } fra '@angular/core'; importer { DocumentEditorModule } fra "@onlyoffice/document-editor-angular"; @NgModule({ erklæringer: [ AppComponent ], importerer: [ DocumentEditorAngularModule ], bootstrap: [AppComponent] }) eksport klasse AppModule { }
Etter det må du definere følgende alternativer i forbrukskomponenten din:
@Komponent({...}) eksportklasse ExampleComponent { config: IConfig = { document: { "fileType": "docx", "key": "Khirz6zTDPD7", "title": "Eksempel på dokumenttittel.docx", "url": " https://example.com/url-to-example-document.docx" }, documentType: "word", editorConfig: { "callbackUrl": " https://example.com/url-to-callback.ashx" }, } onDocumentReady = (hendelse) => { console.log("Dokumentet er lastet inn"); }; }
Det neste trinnet er å bruke dokument-editor komponent med alternativene i malen din:
En fullstendig beskrivelse av alle tilgjengelige alternativer er tilgjengelig på dokument-editor-kantet.
Installer deretter alle nødvendige prosjektavhengigheter:
$ npm installasjon.
Det neste trinnet er å bygge selve prosjektet:
$ cd ./projects. $ ng build @onlyoffice/document-editor-angular.
Lag prosjektpakken:
$ cd ./dist/onlyoffice/document-editor-angular. $ npm-pakke.
Til slutt, test ONLYOFFICE-komponenten:
$ cd ./projects. $ ng test @onlyoffice/document-editor-angular.
Det er det! Nå kan du se hvordan ONLYOFFICE Docs fungerer i ditt Kantete app.