കോണീയവുമായി എങ്ങനെ ഒൺലിഓഫീസ് ഡോക്സ് സംയോജിപ്പിക്കാം


നേറ്റീവ് മൊബൈൽ ആപ്ലിക്കേഷനുകൾ നിർമ്മിക്കുന്നതിനും ലിനക്സ്, വിൻഡോസ്, മാകോസ് എന്നിവയ്ക്കായി ഡെസ്ക്ടോപ്പ്-ഇൻസ്റ്റാൾ ചെയ്ത അപ്ലിക്കേഷനുകൾ സൃഷ്ടിക്കുന്നതിനും വ്യാപകമായി ഉപയോഗിക്കുന്ന ടൈപ്പ്സ്ക്രിപ്റ്റ് അടിസ്ഥാനമാക്കിയുള്ള സൗജന്യവും ഓപ്പൺ സോഴ്സ് ഫ്രണ്ട്-എൻഡ് ആപ്ലിക്കേഷൻ ഡെവലപ്മെന്റ് ചട്ടക്കൂടാണ് ആംഗുലർ.

നിങ്ങൾ കോണീയ അധിഷ്ഠിത ആപ്ലിക്കേഷനുകൾ വികസിപ്പിക്കുകയും പ്രവർത്തിപ്പിക്കുകയും ചെയ്യുകയാണെങ്കിൽ, ONLYOFFICE ഡോക്സ് (ONLYOFFICE ഡോക്യുമെന്റ് സെർവർ) സംയോജിപ്പിച്ച് നിങ്ങളുടെ സേവനത്തിനുള്ളിൽ പ്രമാണ എഡിറ്റിംഗും തത്സമയ സഹകരണവും പ്രവർത്തനക്ഷമമാക്കുന്നത് നല്ല ആശയമായിരിക്കും. ONLYOFFICE ഡവലപ്പർമാർ കോണീയ ചട്ടക്കൂടിനായി വികസിപ്പിച്ചെടുത്ത ഒരു അദ്വിതീയ ഘടകം കാരണം അത്തരം സംയോജനം സാധ്യമാണ്.

സംയോജിപ്പിക്കുമ്പോൾ, ONLYOFFICE ഓൺലൈൻ എഡിറ്റർമാരെ ഇൻസ്റ്റാൾ ചെയ്യാനും നിങ്ങളുടെ കോണീയ പരിതസ്ഥിതിയിൽ അവരുടെ പ്രകടനം പരിശോധിക്കാനും ഘടകം നിങ്ങളെ അനുവദിക്കുന്നു. നിങ്ങൾക്കത് എങ്ങനെ ചെയ്യാമെന്നത് ഇതാ.

ONLYOFFICE ഡോക്സിനെ കുറിച്ച്

നിങ്ങളുടെ വെബ് ബ്രൗസറിലെ PDF ഫയലുകൾ.

പരിഹാരം ഓപ്പൺ സോഴ്സ് ആണ്, കൂടാതെ ഒരു ലോക്കൽ സെർവറിൽ പരിസരത്ത് വിന്യാസം ആവശ്യമാണ്. ഉദാഹരണത്തിന്, ഇത് ഡെബിയൻ, ഉബുണ്ടു അല്ലെങ്കിൽ മറ്റ് ലിനക്സ് അടിസ്ഥാനമാക്കിയുള്ള ഡിസ്ട്രോകളിൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ കഴിയും.

ONLYOFFICE ഡോക്സ് ഒരു ഉപയോക്തൃ-സൗഹൃദ ഇന്റർഫേസും പൂർണ്ണമായ ഒരു കൂട്ടം സവിശേഷതകളും വാഗ്ദാനം ചെയ്യുന്നു, അതുവഴി നിങ്ങൾക്ക് ടെക്സ്റ്റ് ഡോക്യുമെന്റുകൾ, സ്പ്രെഡ്ഷീറ്റുകൾ, അവതരണങ്ങൾ, ഏത് സങ്കീർണ്ണതയുടെയും പൂരിപ്പിക്കാവുന്ന ഫോമുകൾ എന്നിവ എളുപ്പത്തിൽ തുറക്കാനും എഡിറ്റുചെയ്യാനും കഴിയും. സ്യൂട്ട് Microsoft Word, Excel, PowerPoint ഫയലുകളുമായി പൂർണ്ണമായും പൊരുത്തപ്പെടുന്നു കൂടാതെ ODF ഉൾപ്പെടെയുള്ള മറ്റ് ജനപ്രിയ ഫോർമാറ്റുകളെ പിന്തുണയ്ക്കുന്നു.

നിങ്ങൾക്ക് ONLYOFFICE വർക്ക്സ്പെയ്സിനുള്ളിൽ ONLYOFFICE സ്യൂട്ട് ഉപയോഗിക്കാം, സഹകരണ പ്രവർത്തനത്തിനും ടീം മാനേജ്മെന്റിനുമുള്ള ഒരു ഓപ്പൺ സോഴ്സ് പ്ലാറ്റ്ഫോം, അല്ലെങ്കിൽ മറ്റൊരു വെബ് അധിഷ്ഠിത ആപ്പ് അല്ലെങ്കിൽ പ്ലാറ്റ്ഫോമുമായി ഇത് സംയോജിപ്പിക്കുക.

ഉദാഹരണത്തിന്, നിങ്ങൾക്ക് ആൽഫ്രെസ്കോ, റെഡ്മൈൻ മുതലായവയുമായി ONLYOFFICE ഡോക്സ് സംയോജിപ്പിക്കാൻ കഴിയും. ലഭ്യമായ സംയോജനങ്ങളുടെ ആകെ എണ്ണം 30-ലധികമാണ്.

ONLYOFFICE ഡോക്സിനായി, Windows, Linux, MacOS എന്നിവയ്ക്കായി ഒരു സൗജന്യ ഡെസ്ക്ടോപ്പ് ആപ്പ് ഉണ്ട്, അത് ഡോക്യുമെന്റുകൾ ഓഫ്ലൈനിലും Android, iOS എന്നിവയ്ക്കുള്ള സൗജന്യ മൊബൈൽ ആപ്പുകളിലും പ്രവർത്തിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു.

ONLYOFFICE ഡോക്സ് ഓപ്പൺ API നൽകുന്നു കൂടാതെ WOPI പ്രോട്ടോക്കോളുമായി പൊരുത്തപ്പെടുന്നു, അതിനാൽ സോഫ്റ്റ്വെയർ ഡെവലപ്പർമാർക്ക് അവരുടെ സോഫ്റ്റ്വെയർ ടൂളുകളിലേക്ക് സ്യൂട്ട് എളുപ്പത്തിൽ ഉൾച്ചേർക്കാനാകും. ഇതിനായി, ONLYOFFICE ഡോക്സ് ഡെവലപ്പർ പതിപ്പ് എന്ന പ്രത്യേക പതിപ്പുണ്ട്.

ONLYOFFICE ഡോക്യുമെന്റ് സെർവറിനായി കോണീയ ഘടകം ഇൻസ്റ്റാൾ ചെയ്യുക

ഒന്നാമതായി, നിങ്ങളുടെ സെർവറിൽ ONLYOFFICE ഡോക്സ് (ONLYOFFICE ഡോക്യുമെന്റ് സെർവർ) ഇൻസ്റ്റാൾ ചെയ്തിരിക്കണം. അനുയോജ്യമായ ഇൻസ്റ്റാളേഷൻ നിർദ്ദേശങ്ങൾ ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഇത് GitHub-ൽ നിന്ന് ലഭിക്കും.

കോണീയ ചട്ടക്കൂടിനുള്ള ONLYOFFICE ഘടകം npm രജിസ്ട്രിയിൽ ലഭ്യമാണ്. അതുകൊണ്ടാണ് ഈ കമാൻഡ് ഉപയോഗിച്ച് നിങ്ങൾ ഇത് npm-ൽ നിന്ന് ഇൻസ്റ്റാൾ ചെയ്യേണ്ടത്:

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

നൂൽ ഉപയോഗിച്ചുള്ള ഘടകത്തിന്റെ ഇൻസ്റ്റാളും സാധ്യമാണ്. ഈ കമാൻഡ് പ്രവർത്തിപ്പിക്കുക:

$ yarn add @onlyoffice/document-editor-angular

ONLYOFFICE ഡോക്സിൽ കോണീയ ഘടകം എങ്ങനെ ഉപയോഗിക്കാം

വിജയകരമായ ഇൻസ്റ്റാളേഷന് ശേഷം, നിങ്ങൾ DocumentEditorModule ഇറക്കുമതി ചെയ്യേണ്ടതുണ്ട്:

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

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

അതിനുശേഷം, നിങ്ങളുടെ ഉപഭോഗ ഘടകത്തിൽ ഇനിപ്പറയുന്ന ഓപ്ഷനുകൾ നിങ്ങൾ നിർവചിക്കേണ്ടതുണ്ട്:

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

നിങ്ങളുടെ ടെംപ്ലേറ്റിലെ ഓപ്ഷനുകൾക്കൊപ്പം ഡോക്യുമെന്റ്-എഡിറ്റർ ഘടകം ഉപയോഗിക്കുക എന്നതാണ് അടുത്ത ഘട്ടം:

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

ലഭ്യമായ എല്ലാ ഓപ്ഷനുകളുടെയും പൂർണ്ണമായ വിവരണം ഡോക്യുമെന്റ്-എഡിറ്റർ-ആംഗുലറിൽ ലഭ്യമാണ്.

തുടർന്ന് ആവശ്യമായ എല്ലാ പ്രോജക്റ്റ് ഡിപൻഡൻസികളും ഇൻസ്റ്റാൾ ചെയ്യുക:

$ npm install

പ്രോജക്റ്റ് സ്വയം നിർമ്മിക്കുക എന്നതാണ് അടുത്ത ഘട്ടം:

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

പ്രോജക്റ്റ് പാക്കേജ് സൃഷ്ടിക്കുക:

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

അവസാനമായി, ONLYOFFICE ഘടകം പരീക്ഷിക്കുക:

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

അത്രയേയുള്ളൂ! നിങ്ങളുടെ ആംഗുലർ ആപ്പിനുള്ളിൽ ONLYOFFICE ഡോക്സ് എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് ഇപ്പോൾ നിങ്ങൾക്ക് കാണാൻ കഴിയും.