Otu esi ejikọta naanị Docs na Angular


Angular bụ usoro mmepe ngwa n'ihu na-emepe emepe nke dabere na TypeScript nke a na-ejikarị eme ihe maka iwulite ngwa mkpanaka ala yana imepụta ngwa arụnyere desktọpụ maka Linux, Windows na macOS.

Ọ bụrụ n’ịzụlite ma na-eme ngwa dabere na Angular, ọ nwere ike ịbụ ezigbo echiche ịmegharị akwụkwọ na imekọ ihe ọnụ n'ime ọrụ gị site na ijikọ ONLYOFFICE Docs (ONLYOFFICE Document Server). Ngwakọta dị otú ahụ ga-ekwe omume n'ihi akụkụ pụrụ iche mepụtara maka usoro Angular site n'aka ndị na-emepụta ONLYOFFICE.

Mgbe ejikọtara ya, akụrụngwa na-enye gị ohere ịwụnye ndị editọ ịntanetị ONLYOFFICE wee nwalee arụmọrụ ha n'ime gburugburu Angular gị. Nke a bụ otu ị ga-esi mee ya.

Ihe gbasara naanị Docs

PDF faịlụ na ihe nchọgharị weebụ gị.

Ihe ngwọta bụ isi mmalite mepere emepe ma na-achọ itinye n'ime ụlọ na sava mpaghara. Dịka ọmụmaatụ, enwere ike itinye ya na Debian na Ubuntu ma ọ bụ distros dabere na Linux.

ONLYOFFICE Docs na-enye interface enyi na enyi yana njirimara zuru oke ka ị nwee ike imeghe ma dezie akwụkwọ ederede, mpempe akwụkwọ, ihe ngosi na ụdị njupụta nke mgbagwoju anya ọ bụla. Ụlọ ahụ dakọtara kpamkpam na faịlụ Microsoft Okwu, Excel na PowerPoint ma na-akwado usoro ndị ọzọ ewu ewu, gụnyere ODF.

Ị nwere ike iji ONLYOFFICE suite n'ime ONLYOFFICE Workspace, ebe mepere emepe maka ọrụ imekọ ihe ọnụ na njikwa otu, ma ọ bụ jikọta ya na ngwa ma ọ bụ ikpo okwu webụ ọzọ.

Dịka ọmụmaatụ, ịnwere ike ijikọ naanị Docs na Alfresco, Redmine na ndị ọzọ. Ngụkọta ọnụ ọgụgụ nke njikọta dị karịrị 30.

Maka naanị Docs, enwere ngwa desktọpụ efu maka Windows, Linux na macOS, nke na-enye gị ohere iji dọkụmentị na-anọghị n'ịntanetị rụọ ọrụ, yana ngwa mkpanaka efu maka gam akporo na iOS.

ONLYOFFICE Docs na-enye API mepere emepe yana dakọtara na ụkpụrụ WOPI, yabụ ndị mmepe ngwanrọ nwere ike itinye ngwa ngwa n'ime ngwa ngwa ha. Maka ebumnuche a, enwere ụdị pụrụ iche akpọrọ ONLYOFFICE Docs Developer Edition.

Wụnye akụrụngwa Angular maka naanị sava akwụkwọ naanị

Nke mbụ, ịkwesịrị ịwụnye naanị Docs (ONLYOFFICE Document Server) na sava gị. Ị nwere ike nweta ya na GitHub site na iji ntuziaka nwụnye kwekọrọ.

Ngwa ONLYOFFICE maka usoro Angular dị na npm Registry. Ọ bụ ya mere ị ga-eji tinye iwu a site na npm:

$ npm install --save @onlyoffice/document-editor-angular

Echichi nke akụrụngwa site na iji yarn nwekwara ike. Naanị mee iwu a:

$ yarn add @onlyoffice/document-editor-angular

Otu esi eji akụrụngwa Angular na naanị Docs

Mgbe nrụnye nke ọma, ịkwesịrị ibubata DocumentEditorModule:

import { NgModule } from '@angular/core';
import { DocumentEditorModule } from "@onlyoffice/document-editor-angular";

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    DocumentEditorAngularModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

Mgbe nke ahụ gasịrị, ịkwesịrị ịkọwapụta nhọrọ ndị a na akụrụngwa ị na-eri:

@Component({...})
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("Document is loaded");
  };
}

Nzọụkwụ na-esote bụ iji mpaghara nchịkọta akụkọ nwere nhọrọ dị na template gị:

<document-editor 
  id="docxForComments" 
  documentServerUrl="http://documentserver/"
  [config]="config"
  [events_onDocumentReady]="onDocumentReady"
></document-editor>

Nkọwa zuru oke nke nhọrọ niile dị na document-editor-angular.

Mgbe ahụ wụnye ndabere ọrụ niile achọrọ:

$ npm install

Nzọụkwụ ọzọ bụ ịrụ ọrụ ahụ n'onwe ya:

$ cd ./projects
$ ng build @onlyoffice/document-editor-angular

Mepụta ngwungwu oru ngo:

$ cd ./dist/onlyoffice/document-editor-angular
$ npm pack

N'ikpeazụ, nwalee akụrụngwa ONLYOFFICE:

$ cd ./projects
$ ng test @onlyoffice/document-editor-angular

Ọ bụ ya! Ugbu a ị nwere ike ịhụ ka ONLYOFFICE Docs si arụ ọrụ n'ime ngwa Angular gị.