演示文稿里总有几页不适合当场展示：内部数据、备用方案、上一版没删干净的内容。直接删掉，下次汇报还得重做。留在文件里，放映时手一滑就翻了过去。桌面软件可以右键逐页设置隐藏，可放到 Web 流程里，这种零散操作既接不进批量处理，也不好交给程序统一管理。
本文用 Spire.Presentation for JavaScript 在浏览器中处理幻灯片显示状态：ISlide.Hidden 用来隐藏指定幻灯片、取消隐藏指定幻灯片，遍历 Slides 则可以一次取消全部隐藏。它基于 WebAssembly 在浏览器端运行，无需安装 Office，不依赖后端，文件通过虚拟文件系统（VFS）在本地读写。
本文介绍三个核心功能点：
有关安装和项目配置，请参考 React 项目中集成 Spire.Presentation for JavaScript。下面的示例假定 Spire.Presentation 已安装、WebAssembly 模块已初始化。
隐藏指定幻灯片
只处理某一页时，按索引把幻灯片取出来，再设置 Hidden 即可。
具体操作步骤如下：
- 获取 Spire.Presentation 的 WASM 模块，确认已就绪。
- 读入示例演示文稿与字体，创建
Presentation对象并加载该文件。 - 用
Slides.get_Item()按索引定位幻灯片，把Hidden设为true。 - 使用
Presentation.SaveToFile()方法保存结果文件。 - 从 VFS 读出结果文件并触发浏览器下载。
隐藏指定幻灯片的代码如下：
function App() {
const hideSlide = async () => {
// 获取 Spire.Presentation WASM 模块
const pptModule = window.wasmModule?.spirepresentation;
// 检查模块是否就绪
if (!pptModule) {
alert('Spire.Presentation is not ready yet');
return;
}
// 载入示例演示文稿与字体
await window.spire.FetchFileToVFS('数据简报.pptx', "", `${process.env.PUBLIC_URL}/data/`);
await window.spire.FetchFileToVFS('ARIALUNI.TTF', "/Library/Fonts/", `${process.env.PUBLIC_URL}/font/`);
// 创建 Presentation 实例并加载演示文稿
const ppt = new pptModule.Presentation();
ppt.LoadFromFile('数据简报.pptx');
// 把第 2 张幻灯片标记为隐藏
ppt.Slides.get_Item(1).Hidden = true;
// 保存结果文件
const outputFileName = '隐藏幻灯片后.pptx';
ppt.SaveToFile({ file: outputFileName, fileFormat: pptModule.FileFormat.Pptx2013 });
ppt.Dispose();
// 从 VFS 读取生成的文件，触发下载
const fileArray = window.dotnetRuntime.Module.FS.readFile(outputFileName);
const blob = new Blob([fileArray], { type: 'application/vnd.openxmlformats-officedocument.presentationml.presentation' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = outputFileName;
a.click();
URL.revokeObjectURL(url);
};
return (
<div style={{ textAlign: 'center', height: '300px' }}>
<h1>隐藏指定幻灯片</h1>
<button onClick={hideSlide}>
隐藏第 2 张幻灯片
</button>
</div>
);
}
export default App;
第 2 张幻灯片的缩略图带上隐藏标记，放映时会跳过这一页：
取消隐藏指定幻灯片
恢复某一页时，同样按索引定位，把 Hidden 设回 false。判断一页当前是否隐藏，读 slide.Hidden 的布尔值就行：
slide.Hidden |
含义 |
|---|---|
true |
已隐藏，放映与导出默认跳过 |
false |
正常显示 |
具体操作步骤如下：
- 获取 Spire.Presentation 的 WASM 模块，确认已就绪。
- 读入含隐藏幻灯片的演示文稿与字体，创建
Presentation对象并加载该文件。 - 用
Slides.get_Item()按索引定位幻灯片，把Hidden设为false。 - 使用
Presentation.SaveToFile()方法保存结果文件。 - 从 VFS 读出结果文件并触发浏览器下载。
取消隐藏指定幻灯片的代码如下：
function App() {
const unhideSlide = async () => {
// 获取 Spire.Presentation WASM 模块
const pptModule = window.wasmModule?.spirepresentation;
// 检查模块是否就绪
if (!pptModule) {
alert('Spire.Presentation is not ready yet');
return;
}
// 载入含隐藏幻灯片的演示文稿与字体
await window.spire.FetchFileToVFS('含隐藏幻灯片的演示文稿.pptx', "", `${process.env.PUBLIC_URL}/data/`);
await window.spire.FetchFileToVFS('ARIALUNI.TTF', "/Library/Fonts/", `${process.env.PUBLIC_URL}/font/`);
// 创建 Presentation 实例并加载演示文稿
const ppt = new pptModule.Presentation();
ppt.LoadFromFile('含隐藏幻灯片的演示文稿.pptx');
// 把第 2 张幻灯片恢复为显示
ppt.Slides.get_Item(1).Hidden = false;
// 保存结果文件
const outputFileName = '取消隐藏指定幻灯片后.pptx';
ppt.SaveToFile({ file: outputFileName, fileFormat: pptModule.FileFormat.Pptx2013 });
ppt.Dispose();
// 从 VFS 读取生成的文件，触发下载
const fileArray = window.dotnetRuntime.Module.FS.readFile(outputFileName);
const blob = new Blob([fileArray], { type: 'application/vnd.openxmlformats-officedocument.presentationml.presentation' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = outputFileName;
a.click();
URL.revokeObjectURL(url);
};
return (
<div style={{ textAlign: 'center', height: '300px' }}>
<h1>取消隐藏指定幻灯片</h1>
<button onClick={unhideSlide}>
取消隐藏第 2 张幻灯片
</button>
</div>
);
}
export default App;
第 2 张恢复显示后，第 3 张仍保持隐藏：
取消隐藏所有幻灯片
文稿里藏了多页时，逐个写死索引既繁琐又容易漏。用 Slides.Count 拿到总页数，从 0 遍历到 Count - 1，把每一页的 Hidden 都设为 false，一次全部恢复。
具体操作步骤如下：
- 获取 Spire.Presentation 的 WASM 模块，确认已就绪。
- 读入含隐藏幻灯片的演示文稿与字体，创建
Presentation对象并加载该文件。 - 遍历
Slides，把每张幻灯片的Hidden设为false。 - 使用
Presentation.SaveToFile()方法保存结果文件。 - 从 VFS 读出结果文件并触发浏览器下载。
取消隐藏所有幻灯片的代码如下：
function App() {
const unhideAllSlides = async () => {
// 获取 Spire.Presentation WASM 模块
const pptModule = window.wasmModule?.spirepresentation;
// 检查模块是否就绪
if (!pptModule) {
alert('Spire.Presentation is not ready yet');
return;
}
// 载入含隐藏幻灯片的演示文稿与字体
await window.spire.FetchFileToVFS('含隐藏幻灯片的演示文稿.pptx', "", `${process.env.PUBLIC_URL}/data/`);
await window.spire.FetchFileToVFS('ARIALUNI.TTF', "/Library/Fonts/", `${process.env.PUBLIC_URL}/font/`);
// 创建 Presentation 实例并加载演示文稿
const ppt = new pptModule.Presentation();
ppt.LoadFromFile('含隐藏幻灯片的演示文稿.pptx');
// 遍历所有幻灯片，逐页取消隐藏
for (let i = 0; i < ppt.Slides.Count; i++) {
ppt.Slides.get_Item(i).Hidden = false;
}
// 保存结果文件
const outputFileName = '取消隐藏所有幻灯片后.pptx';
ppt.SaveToFile({ file: outputFileName, fileFormat: pptModule.FileFormat.Pptx2013 });
ppt.Dispose();
// 从 VFS 读取生成的文件，触发下载
const fileArray = window.dotnetRuntime.Module.FS.readFile(outputFileName);
const blob = new Blob([fileArray], { type: 'application/vnd.openxmlformats-officedocument.presentationml.presentation' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = outputFileName;
a.click();
URL.revokeObjectURL(url);
};
return (
<div style={{ textAlign: 'center', height: '300px' }}>
<h1>取消隐藏所有幻灯片</h1>
<button onClick={unhideAllSlides}>
取消全部隐藏
</button>
</div>
);
}
export default App;
全部恢复后，三张幻灯片都不再带隐藏标记：
常见问题
隐藏幻灯片和删除幻灯片有什么区别
原因：删除会把这一页从文件中真正移除，幻灯片总数减一，后面的编号整体前移，原页内容无法恢复。隐藏只是写入一个状态标记，页面、编号和内容都留在原处。
解决：只是暂时不想展示，用 Hidden 隐藏。确实不需要这一页了，再改用 Slides.RemoveAt() 删除。隐藏的幻灯片随时可以把 Hidden 设回 false 恢复显示。
隐藏的幻灯片在放映时会显示吗
原因：隐藏标记的作用就是让幻灯片在放映中被跳过，正常从头播放或循环播放时一般不会出现这一页。
解决：不需要额外处理。如果确实要当场展示隐藏页，可以在缩略图窗格中直接点开，或临时取消隐藏后再放映。隐藏不是权限控制，它挡不住有意查看文件的人。
可以一次隐藏多张幻灯片吗
原因：Hidden 是单张幻灯片上的属性，没有一次设置多页的接口。
解决：按索引循环设置即可。要跳着隐藏，把索引装进数组再遍历：
// 依次隐藏第 2、4、6 张幻灯片
for (const index of [1, 3, 5]) {
ppt.Slides.get_Item(index).Hidden = true;
}
隐藏的幻灯片在导出的 PDF 里会出现吗
原因：转 PDF 时默认连隐藏页一起导出，隐藏标记不会让这一页凭空消失。
解决：不希望隐藏页进入 PDF，就在导出前把 Presentation.SaveToPdfOption.ContainHiddenSlides 设为 false，只转换可见幻灯片：
ppt.SaveToPdfOption.ContainHiddenSlides = false;
ppt.SaveToFile({ file: '可见幻灯片.pdf', fileFormat: pptModule.FileFormat.PDF });
PDF 的页面没有隐藏状态，转换完成后每一页都能正常翻到。需要保留隐藏状态的，保留 PPTX 原件即可。
获取免费许可证
如果您希望删除结果文档中的评估消息，或者摆脱功能限制，请该Email地址已收到反垃圾邮件插件保护。要显示它您需要在浏览器中启用JavaScript。获取有效期 30 天的临时许可证。
