Cara menggunakan hanya kantor dokumen di sudut

Angular adalah kerangka pengembangan aplikasi front-end gratis dan open-source berbasis naskah yang banyak digunakan untuk membangun aplikasi seluler asli dan membuat aplikasi yang dipasang desktop untuk Linux, Windows, dan MacOS.

Jika Anda mengembangkan dan menjalankan aplikasi berbasis sudut, mungkin ide yang baik untuk memungkinkan pengeditan dokumen dan kolaborasi waktu-nyata dalam layanan Anda dengan mengintegrasikan Only Kantor Dokumen (Server Dokumen Only Kantor). Integrasi semacam itu dimungkinkan karena komponen unik yang dikembangkan untuk kerangka sudut oleh pengembang satu -satunya.

Saat terintegrasi, komponen memungkinkan Anda untuk menginstal Hanya kantor Editor online dan uji kinerjanya dalam lingkungan sudut Anda. Inilah cara Anda bisa melakukannya.

Tentang hanya dokumen kantor

Only Office Docs adalah paket kantor berbasis web yang memungkinkan Anda untuk bekerja dengan dokumen teks, spreadsheet, presentasi, formulir yang dapat diisi, dan file PDF di browser web Anda.

Solusinya adalah open-source dan membutuhkan penyebaran di tempat di server lokal. Misalnya, itu dapat diinstal di Debian dan Ubuntu atau distro berbasis Linux lainnya.

Only Kantor Dokumen Menawarkan antarmuka yang ramah pengguna dan satu set fitur lengkap sehingga Anda dapat dengan mudah membuka dan mengedit dokumen teks, spreadsheet, presentasi, dan bentuk yang dapat diisi dari kompleksitas apa pun. Suite ini sepenuhnya kompatibel dengan file Microsoft Word, Excel, dan PowerPoint dan mendukung format populer lainnya, termasuk ODF.

Anda dapat menggunakan Hanya kantor Suite di dalam Only Office Workspace, platform sumber terbuka untuk kerja kolaboratif dan manajemen tim, atau mengintegrasikannya dengan aplikasi atau platform berbasis web lain.

Misalnya, Anda dapat mengintegrasikan Only Kantor Dokumen Dengan NextCloud, Moodle, Confluence, OwnCloud, WordPress, Seafile, SharePoint, Alfresco, Redmine, dan sebagainya. Jumlah total integrasi yang tersedia lebih dari 30.

Untuk Only Kantor Dokumen, Ada aplikasi desktop gratis untuk Windows, Linux, dan MacOS, yang memungkinkan Anda untuk bekerja dengan dokumen secara offline, dan aplikasi seluler gratis untuk Android dan iOS.

Only Kantor Dokumen menyediakan terbuka API dan kompatibel dengan Wopi protokol, sehingga pengembang perangkat lunak dapat dengan mudah menyematkan suite ke dalam perangkat lunak mereka. Untuk tujuan ini, ada versi khusus yang disebut OnlyOffice Docs Developer Edition.

Instal Komponen Angular untuk Server Dokumen Only Office

Pertama -tama, Anda harus memilikinya Only Kantor Dokumen (Server Dokumen Only Kantor) diinstal di server Anda. Anda bisa mendapatkannya dari GitHub menggunakan instruksi instalasi yang sesuai.

Satu -satunya komponen kantor untuk kerangka sudut tersedia di NPM Registry. Itu sebabnya Anda perlu menginstalnya NPM dengan perintah ini:

$ NPM Instal-Save @OnlyOffice/Document-Editor-Angular 

Pemasangan komponen menggunakan benang juga mungkin. Jalankan saja perintah ini:

$ benang tambahkan @hanya kantor/dokumen-editor-angular 

Cara menggunakan komponen sudut di hanya dokumen kantor

Setelah instalasi yang berhasil, Anda perlu mengimpor DocumentedItormodule:

impor ngModule dari '@angular/core'; impor DocumentEdItormodule dari "@@OnlyOffice/Document-Editor-Angular"; @Ngmodule (deklarasi: [appComponent], impor: [DocumentEditorAngularModule], bootstrap: [AppComponent]) Kelas Ekspor AppModule  

Setelah itu, Anda perlu menentukan opsi berikut dalam komponen konsumsi Anda:

@Component (...) Ekspor kelas ExportComponent config: iconfig = document: "filetype": "docx", "key": "Khirz6ztpdfd7", "title": "contoh judul dokumen contoh dokumen contoh dokumen contoh dokumen contoh contoh.docx "," url ":" https: // contoh.com/url-to-example-dokumen.docx ", documentType:" word ", editorconfig: " callbackurl ":" https: // contoh.com/url-to-callback.ashx ", ontDocumentready = (event) => konsol.log ("Dokumen dimuat"); ;  

Langkah selanjutnya adalah menggunakan editor dokumen Komponen dengan opsi di templat Anda:

Deskripsi lengkap dari semua opsi yang tersedia tersedia di Document-Editor-Angular.

Pengembangan lebih lanjut

Kemudian pasang semua dependensi proyek yang diperlukan:

Instal $ NPM 

Langkah selanjutnya adalah membangun proyek itu sendiri:

$ CD ./Proyek $ NG Build @OnlyOffice/Document-Editor-Angular 

Buat paket proyek:

$ CD ./Dist/Only Office/Document-Editor-Angular $ NPM Paket 

Akhirnya, uji satu -satunya komponen kantor:

$ CD ./Project $ NG Test @OnlyOffice/Document-Editor-Angular 

Itu dia! Sekarang Anda bisa melihat caranya Only Kantor Dokumen bekerja di dalam Anda Angular aplikasi.