文件檢視器
doc-views
直接閱讀文件,不離開目前頁面。
在頁面內預覽 Word、PDF、PowerPoint 與 Excel 文件。
Word DOCX<figure class="document-block" aria-label="Word DOCX" data-edgepress-document data-document-src="/documents/doc-views/sample-document-medium.docx" data-document-title="Word DOCX" data-document-format="docx"><div data-document-mount><p>正在載入文件…</p></div><noscript><p>暫時無法預覽。請檢查文件網址、存取權限及 CORS。</p></noscript></figure>
Word DOC<figure class="document-block" aria-label="Word DOC" data-edgepress-document data-document-src="/documents/doc-views/sample-document-medium.doc" data-document-title="Word DOC" data-document-format="doc"><div data-document-mount><p>正在載入文件…</p></div><noscript><p>暫時無法預覽。請檢查文件網址、存取權限及 CORS。</p></noscript></figure>
正在載入文件…
暫時無法預覽。請檢查文件網址、存取權限及 CORS。
PDF<figure class="document-block" aria-label="PDF" data-edgepress-document data-document-src="/documents/doc-views/sample-document-5-pages.pdf" data-document-title="PDF" data-document-format="pdf"><div data-document-mount><p>正在載入文件…</p></div><noscript><p>暫時無法預覽。請檢查文件網址、存取權限及 CORS。</p></noscript></figure>
正在載入文件…
暫時無法預覽。請檢查文件網址、存取權限及 CORS。
PPT<figure class="document-block" aria-label="PPT" data-edgepress-document data-document-src="/documents/doc-views/sample-document.ppt" data-document-title="PPT" data-document-format="ppt"><div data-document-mount><p>正在載入文件…</p></div><noscript><p>暫時無法預覽。請檢查文件網址、存取權限及 CORS。</p></noscript></figure>
正在載入文件…
暫時無法預覽。請檢查文件網址、存取權限及 CORS。
PPTX<figure class="document-block" aria-label="PPTX" data-edgepress-document data-document-src="/documents/doc-views/sample-presentation-10-slides.pptx" data-document-title="PPTX" data-document-format="pptx"><div data-document-mount><p>正在載入文件…</p></div><noscript><p>暫時無法預覽。請檢查文件網址、存取權限及 CORS。</p></noscript></figure>
正在載入文件…
暫時無法預覽。請檢查文件網址、存取權限及 CORS。
Excel XLSX<figure class="document-block" aria-label="Excel XLSX" data-edgepress-document data-document-src="/documents/doc-views/sample-spreadsheet-100-rows.xlsx" data-document-title="Excel XLSX" data-document-format="xlsx"><div data-document-mount><p>正在載入文件…</p></div><noscript><p>暫時無法預覽。請檢查文件網址、存取權限及 CORS。</p></noscript></figure>
正在載入文件…
暫時無法預覽。請檢查文件網址、存取權限及 CORS。
Excel XLS<figure class="document-block" aria-label="Excel XLS" data-edgepress-document data-document-src="/documents/doc-views/sample-spreadsheet-100-rows.xls" data-document-title="Excel XLS" data-document-format="xls"><div data-document-mount><p>正在載入文件…</p></div><noscript><p>暫時無法預覽。請檢查文件網址、存取權限及 CORS。</p></noscript></figure>
正在載入文件…
暫時無法預覽。請檢查文件網址、存取權限及 CORS。
文件檢視器<div class="project-demo" data-project-demo data-animation="/images/previews/7017acacb8fb92f123e6dfe8a36567ac0509aa6c11e86f60ef54582e41953010.mp4" data-play="播放示範" data-resume="繼續播放" data-pause="暫停示範" data-replay="重新播放" data-loading="正在載入示範…" data-error="示範暫時無法載入,請重試。"><div class="project-demo-media"><img src="/images/responsive/fcda6977eddf4f22b452fe02c5042f794e8469f9d58e9f0d6d104508b477eea3.webp" alt="文件檢視器" loading="lazy" decoding="async" data-original="/images/previews/doc-views-zh-tw.0eb3de166b477137.webp" srcset="/images/responsive/fcda6977eddf4f22b452fe02c5042f794e8469f9d58e9f0d6d104508b477eea3.webp 400w, /images/responsive/56911dbfd9159136d0efc76572969216906eef6c8375d9ec7df4899d1fbd9354.webp 800w, /images/responsive/381fe3f460f5608568a5b269b3a3785cc914ea391bf0190a72aed17999f0615c.webp 1200w" sizes="(max-width: 620px) calc(100vw - 32px), (max-width: 900px) calc((100vw - 72px) / 2), 560px" width="400" height="250"><video muted playsinline preload="none" hidden aria-label="看看文件預覽如何操作"></video></div><button type="button" data-demo-toggle aria-pressed="false" aria-label="播放示範: 看看文件預覽如何操作">播放示範</button><input name="edgepress-demo-seek-1" class="project-demo-seek" data-demo-seek type="range" min="0" max="1" value="0" step="0.1" disabled aria-label="示範進度: 看看文件預覽如何操作"><span class="project-demo-time" data-demo-time>0:00 / 0:00</span><span class="project-demo-status" role="status"></span></div>
0:00 / 0:00

看看文件預覽如何操作
使用提供的範例,展示 Word DOC/DOCX 視口內工作區和縮放圖示、PDF 八頁連續分頁、PPT/PPTX,以及 Excel XLS/XLSX 儲存格定位和頁籤切換。Summary 演示包括計算結果、拖曳欄寬、填滿視口和還原原欄寬。隔離 Chromium 桌面真實錄製,點擊播放。
!document[範例報告](/documents/report.docx)
[
{
"columns": 1,
"cells": [
[
{
"type": "document",
"title": "Report",
"src": "/documents/report.pdf"
},
{
"type": "media-viewer",
"title": "Photos and video",
"items": [
{
"type": "image",
"src": "/images/photo.webp",
"originalSrc": "/images/photo-original.webp",
"alt": "Detail of the project interface"
},
{
"type": "video",
"src": "/videos/walkthrough.mp4",
"poster": "/images/poster.webp",
"label": "Project walkthrough",
"captions": "/videos/walkthrough.en.vtt",
"captionLanguage": "en"
}
]
}
]
]
}
]