基本用法
1. 打開工具
從首頁進入 /vue-office,或搜索「vue office」「文檔預覽」。
2. 選擇文檔類型
根據檔案格式選擇對應類型:
| 類型 | 副檔名 |
|---|---|
| Word | .docx |
| Excel | .xlsx、.xls |
.pdf |
工具会根據 URL 或檔名自動識別類型,必要時可手動切換。
3. 透過 URL 預覽
- 點擊 URL 地址 輸入模式
- 貼上可公開訪問的文檔 URL
- 點擊 預覽(或在輸入框按 Enter)
範例(需確保遠端伺服器允許跨域訪問):
- Word:
http://static.shanhuxueyuan.com/test6.docx - Excel:公開可訪問的
.xlsx/.xls連結 - PDF:公開可訪問的
.pdf連結
4. 透過本機上傳預覽
- 點擊 上傳檔案 模式
- 點擊虛線框區域選擇本機文檔
- 檔案讀取完成後自動開始渲染預覽
支援 .docx、.xlsx、.xls、.pdf,选错類型時也会根據副檔名自動切換元件。
5. 查看預覽狀態
預覽狀態 面板顯示:
- 當前狀態(空閒、載入中、渲染中、渲染完成、錯誤)
- 已選檔名(本機上傳時)
6. 調整預覽視圖
文檔載入成功後,預覽区右上角提供:
| 按鈕 | 說明 |
|---|---|
| 寬螢幕模式 | 隱藏左側控制欄,預覽占滿一行 |
| 影院模式 | 深色全螢幕 overlay,專注閱讀 |
| 全螢幕 | 預覽容器進入瀏覽器全螢幕 |
- 寬螢幕与影院模式互斥
- 按
Esc可退出影院或寬螢幕(全螢幕時Esc由瀏覽器處理)
7. 使用歷史記錄
URL 預覽会寫入 歷史記錄。點擊眼睛圖示可重新載入该 URL。
說明: 本機上傳的歷史僅保存檔名与類型等中繼資料,再次預覽需重新上傳檔案。
故障排除
| 問題 | 處理方式 |
|---|---|
| 預覽空白 | 確認 URL 可公開訪問且格式正確 |
| CORS 錯誤 | 遠端伺服器需允許跨域,或改本機上傳 |
| 格式不對 | 手動選擇正確的文檔類型 |
| Excel 宽度異常 | 切換寬螢幕或全螢幕後稍等佈局同步 |