w

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:

TypeExtensions
Word.docx
Excel.xlsx, .xls
PDF.pdf

The tool can auto-detect the type from the file extension or URL.

3. Preview via URL

  1. Click URL input mode
  2. Paste a publicly accessible document URL
  3. Click Preview (or press Enter in the URL field)

Example URLs:

  • Word: http://static.shanhuxueyuan.com/test6.docx
  • Excel: any public .xlsx / .xls link with CORS enabled
  • PDF: any public .pdf link with CORS enabled

4. Preview via File Upload

  1. Click Upload File input mode
  2. Click the dashed upload area and select a local document
  3. 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:

ButtonDescription
Wide ScreenHides the left control panel for a wider preview
Cinema ModeFull-page dark overlay for focused reading
FullscreenBrowser 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

IssueSolution
Blank previewCheck that the URL is publicly accessible
CORS errorThe remote server must allow cross-origin requests, or upload locally
Wrong formatManually select the correct document type
Excel not filling widthToggle wide screen or fullscreen and wait for layout sync
Was this page helpful?