ONLYOFFICE resminamalaryny burç bilen nädip birleşdirmeli

Angular, ýerli ykjam programmalary gurmak we Linux, Windows we macOS üçin iş stoly gurnalan programmalary döretmek üçin giňden ulanylýan TypeScript esasly erkin we açyk çeşme programma üpjünçiligini döretmek çarçuwasydyr.

Burç esasly programmalary işläp düzseňiz we işledýän bolsaňyz, ONLYOFFICE resminamalaryny (ONLYOFFICE Resminamalar serweri) birleşdirip, resminamany redaktirlemegi we hakyky wagtda hyzmatdaşlygy üpjün etmek gowy pikir bolup biler. Şeýle integrasiýa, “ONLYOFFICE” döredijiler tarapyndan “Angular” çarçuwasy üçin işlenip düzülen özboluşly komponent sebäpli mümkindir.

Integrirlenende, komponent diňe ONLYOFFICE onlaýn redaktorlaryny gurmaga we Angular gurşawyňyzda olaryň işleýşini barlamaga mümkinçilik berýär. Ine, muny nädip edip bilersiňiz.

ONLYOFFICE resminamalary hakda

Web brauzeriňizdäki PDF faýllary.

Çözüw açyk çeşmedir we ýerli serwerde jaýda ýerleşdirilmegini talap edýär. Mysal üçin, Debian we Ubuntu ýa-da Linux esasly beýleki distrolarda gurup bolýar.

ONLYOFFICE Docs ulanyjylara amatly interfeýsi we aýratynlyklaryň doly toplumyny hödürleýär, şonuň üçin tekst resminamalaryny, elektron tablisalaryny, prezentasiýalary we islendik çylşyrymly görnüşleri dolduryp bilersiňiz. Suite Microsoft Word, Excel we PowerPoint faýllary bilen doly gabat gelýär we ODF ýaly beýleki meşhur formatlary goldaýar.

BIRLEŞIK iş we topar dolandyryşy üçin açyk çeşme platformasy bolan ONLYOFFICE iş meýdanynyň içinde ONLYOFFICE toplumyny ulanyp bilersiňiz ýa-da başga bir web esasly programma ýa-da platforma bilen birleşdirip bilersiňiz.

Mysal üçin, “ONLYOFFICE Docs” -y Alfresco, Redmine we ş.m. bilen birleşdirip bilersiňiz. Bar bolan integrasiýalaryň umumy sany 30-dan gowrak.

ONLYOFFICE Docs üçin Windows, Linux we macOS üçin mugt iş stoly programmasy bar, bu size awtonom resminamalar bilen işlemäge mümkinçilik berýär, Android we iOS üçin mugt ykjam programmalar.

ONLYOFFICE Docs açyk API üpjün edýär we WOPI protokolyna laýyk gelýär, şonuň üçin programma üpjünçileri toplumy programma üpjünçiliginiň gurallaryna aňsatlyk bilen ýerleşdirip bilerler. Bu maksat bilen, “ONLYOFFICE Docs Developer Edition” atly ýörite wersiýa bar.

ONLYOFFICE resminama serweri üçin burç komponentini guruň

Ilki bilen serweriňizde ONLYOFFICE Docs (ONLYOFFICE Document Server) gurulmalydyr. GitHub-dan degişli gurnama görkezmelerini ulanyp alyp bilersiňiz.

Burç çarçuwasy üçin ONLYOFFICE komponenti npm Registry-da bar. Şonuň üçin ony buýruk bilen npm-den gurnamaly:

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

Yarüplük ulanyp, komponenti gurnamak hem mümkindir. Diňe şu buýrugy işlediň:

$ yarn add @onlyoffice/document-editor-angular

ONLYOFFICE resminamalarynda burç komponentini nädip ulanmaly

Üstünlikli gurnandan soň, DocumentEditorModule import etmeli:

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

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

Ondan soň, sarp edýän komponentiňizde aşakdaky wariantlary kesgitlemeli:

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

Indiki ädim, şablonyňyzdaky opsiýalar bilen resminama-redaktor komponentini ulanmak:

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

Bar bolan wariantlaryň doly beýany resminama-redaktor-burçda elýeterlidir.

Soňra ähli zerur taslama baglylyklaryny guruň:

$ npm install

Indiki ädim taslamanyň özüni gurmak:

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

Taslama bukjasyny dörediň:

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

Ahyrynda, ONLYOFFICE komponentini synap görüň:

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

Bu! Indi “Angular” programmaňyzda “ONLYOFFICE Docs” -yň nähili işleýändigini görüp bilersiňiz.