Yadda Ake Haɗa Dokokin KAWAI tare da Angular

Angular tushen tushen nau'in kyauta ne kuma tushen tushen gaba-gaba tsarin ci gaban aikace-aikacen da ake amfani da shi sosai don gina aikace-aikacen hannu na asali da ƙirƙirar aikace-aikacen da aka shigar da tebur don Linux, Windows, da macOS.

Idan kun haɓaka da gudanar da aikace-aikacen tushen Angular, yana iya zama kyakkyawan ra'ayi don ba da damar gyare-gyaren daftarin aiki da haɗin gwiwa na ainihin lokaci a cikin sabis ɗin ku ta hanyar haɗa Dokokin KAWAI (Sabar Takardun Takardun ONLYOFFICE). Irin wannan haɗin kai yana yiwuwa saboda wani sashi na musamman da aka haɓaka don tsarin Angular ta hanyar KAWAI masu haɓakawa.

Lokacin da aka haɗa, ɓangaren yana ba ku damar shigar da masu gyara kan layi KAWAI da gwada aikinsu a cikin yanayin Angular ku. Ga yadda za ku iya.

Game da Dokokin OFFICE KAWAI

Fayilolin PDF a cikin burauzar gidan yanar gizon ku.

Maganin buɗaɗɗen tushe ne kuma yana buƙatar tura kan-gida akan sabar gida. Misali, ana iya shigar da shi akan Debian da Ubuntu ko wasu distros na tushen Linux.

KAWAI Docs yana ba da keɓantaccen keɓantaccen mai amfani da cikakken saitin fasali ta yadda zaku iya buɗewa da shirya takaddun rubutu cikin sauƙi, maƙunsar bayanai, gabatarwa, da nau'ikan da za'a iya cika kowane hadaddun. Rukunin ya dace da Microsoft Word, Excel, da fayilolin PowerPoint kuma yana goyan bayan wasu shahararrun tsare-tsare, gami da ODF.

Kuna iya amfani da ONLYOFFICE suite a cikin ONLYOFFICE Workspace, buɗaɗɗen tushen dandamali don aikin haɗin gwiwa da gudanar da ƙungiya, ko haɗa shi tare da wani ƙa'idar tushen yanar gizo ko dandamali.

Misali, zaku iya haɗa Dokokin KAWAI tare da Alfresco, Redmine, da sauransu. Jimlar adadin haɗin kai sama da 30.

Don Docs KADAI, akwai aikace-aikacen tebur kyauta don Windows, Linux, da macOS, wanda ke ba ku damar yin aiki tare da takaddun layi, da aikace-aikacen wayar hannu kyauta don Android da iOS.

KAWAI Docs yana ba da buɗaɗɗen API kuma ya dace da ka'idar WOPI, don haka masu haɓaka software za su iya shigar da suite cikin kayan aikin software cikin sauƙi. Don wannan dalili, akwai sigar musamman mai suna ONLYOFFICE Docs Developer Edition.

Sanya Bangaren Angular don Sabar Takardun KAWAI

Da farko, kuna buƙatar shigar da Dokokin KAWAI (Office Document Server) akan sabar ku. Kuna iya samun shi daga GitHub ta amfani da umarnin shigarwa daidai.

Abubuwan ONLYOFFICE don tsarin Angular yana samuwa a cikin Registry npm. Shi ya sa kuke buƙatar shigar da shi daga npm tare da wannan umarni:

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

Shigar da bangaren ta amfani da yarn kuma yana yiwuwa. Kawai gudanar da wannan umarni:

$ yarn add @onlyoffice/document-editor-angular

Yadda ake Amfani da Bangaren Angular a cikin Dokokin KAWAI

Bayan nasarar shigarwa, kuna buƙatar shigo da DocumentEditorModule:

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

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

Bayan haka, kuna buƙatar ayyana zaɓuɓɓuka masu zuwa a cikin ɓangaren cin abincin ku:

@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");
  };
}

Mataki na gaba shine a yi amfani da bangaren editan daftarin aiki tare da zaɓuɓɓukan da ke cikin samfurin ku:

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

Ana samun cikakken bayanin duk zaɓuɓɓukan da ake da su a daftarin aiki-edita-angular.

Sannan shigar da duk abubuwan dogaron da ake buƙata na aikin:

$ npm install

Mataki na gaba shine gina aikin da kansa:

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

Ƙirƙiri fakitin aikin:

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

A ƙarshe, gwada ɓangaren OFFICE KAWAI:

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

Shi ke nan! Yanzu zaku iya ganin yadda Dokokin KAWAI ke aiki a cikin app ɗin ku na Angular.