Basic Usage
1. Open the Tool
Navigate to /vue-office from the homepage or search for "vue office".
2. Select Document Type
Choose the format that matches your file:
| Type | Extensions |
|---|---|
| Word | .docx |
| Excel | .xlsx, .xls |
.pdf |
The tool can auto-detect the type from the file extension or URL.
3. Preview via URL
- Click URL input mode
- Paste a publicly accessible document URL
- Click Preview (or press Enter in the URL field)
Example URLs:
- Word:
http://static.shanhuxueyuan.com/test6.docx - Excel: any public
.xlsx/.xlslink with CORS enabled - PDF: any public
.pdflink with CORS enabled
4. Preview via File Upload
- Click Upload File input mode
- Click the dashed upload area and select a local document
- The preview renders automatically after the file is read
5. Review Status
The Preview Status panel shows:
- Current state (idle, loading, rendering, rendered, error)
- Selected file name (for uploads)
6. Adjust the View
After a document loads, use the preview toolbar:
| Button | Description |
|---|---|
| Wide Screen | Hides the left control panel for a wider preview |
| Cinema Mode | Full-page dark overlay for focused reading |
| Fullscreen | Browser fullscreen on the preview container |
Wide screen and cinema mode are mutually exclusive. Press Esc to exit cinema or wide screen (when not in browser fullscreen).
7. Use History
URL-based previews are saved to history. Click the eye icon to reload a previous URL entry.
Note: File upload entries require re-uploading the file to preview again.
Troubleshooting
| Issue | Solution |
|---|---|
| Blank preview | Check that the URL is publicly accessible |
| CORS error | The remote server must allow cross-origin requests, or upload locally |
| Wrong format | Manually select the correct document type |
| Excel not filling width | Toggle wide screen or fullscreen and wait for layout sync |