Demo Vue 2 | Universal Document Viewer

1. Upload file

Pilih dokumen dari komputer

Upload ke host hanya untuk doc/docx/xls/xlsx/xlsm/ppt/pptx.

Preview lokal aktif. Tekan Upload untuk menyimpan ke host (URL publik di /uploads/).

ATAU URL DOKUMEN

URL dokumen (HTTPS)

URL lintas-domain diproksi lewat /api/proxy agar preview lokal tidak kena CORS. Jalankan npm start (Node.js).

Nama file (opsional, wajib jika URL tanpa ekstensi)

2. Pengaturan viewer

Live props

viewer-default (awal)

Local Microsoft GDocs

Pilihan aktif juga ada di header viewer (radio). Tidak ada fallback otomatis. Microsoft/GDocs butuh URL HTTPS publik.

PDF lockedSembunyikan unduh & menu klik kanan PDF Izinkan downloadTetap nonaktif apabila locked Fit halaman DOCXMenyesuaikan lebar kontainer Watermark

Props di atas langsung diikat ke viewer. Ganti engine Office lewat radio di header viewer atau viewer-default.

Live Preview

Kode penggunaan Vue 2

Cukup include Vue 2 (full build), dist/document-viewer.css, dan dist/document-viewer.vue2.js. Komponen otomatis terdaftar.

Aktivitas viewer

{{log.time}}{{log.message}}
Belum ada aktivitas.

Status iframe dimuat bukan berarti dokumen Microsoft/Google berhasil dirender. Ganti viewer lewat radio di header bila kosong/error.