Documentation – 在 JavaScript 中将演示文稿转换为多种格式

Nodejs-Java: 将 OpenDocument 演示文稿转换为 JavaScript

Mon, 01 Jan 0001 00:00:00 +0000

Aspose.Slides API 允许您将 OpenDocument (ODP) 演示文稿转换为多种格式（HTML、PDF、TIFF、SWF、XPS 等）。用于将 ODP 文件转换为其他文档格式的 API 与用于 PowerPoint（PPT 和 PPTX）转换操作的 API 相同。

例如，如果您需要将 ODP 演示文稿转换为 PDF，可以按如下方式操作：

let presentation = null;
try {
  presentation = new aspose.slides.Presentation("presentation.odp");
  presentation.save("presentation.pdf", aspose.slides.SaveFormat.Pdf);
} finally {
    if (presentation != null) {
        presentation.dispose();
    }
}

FAQ

如果我的 ODP 文件在转换后格式出现变化怎么办？

ODP 和 PowerPoint 使用不同的演示模型，某些元素（如表格、自定义字体或填充样式）可能无法完全相同地渲染。建议审查输出，并在必要时通过代码调整布局或格式。

使用 ODP 转换是否需要安装 OpenOffice 或 LibreOffice？

不，Aspose.Slides 是独立库，您的系统无需安装 OpenOffice 或 LibreOffice。

在 ODP 转换期间（例如设置 PDF 选项）是否可以自定义输出格式？

是的，Aspose.Slides 提供丰富的选项来自定义输出。例如，在保存为 PDF 时，可以通过 PdfOptions 类控制压缩、图像质量、文本渲染等。

Aspose.Slides 是否适用于服务器端或基于云的 ODP 处理？

当然。Aspose.Slides 设计用于在桌面和服务器环境中运行，包括 Azure、AWS 和 Docker 容器等基于云的平台，且无需任何 UI 依赖。

Nodejs-Java: 在 JavaScript 中导出演示文稿为 XAML

Mon, 01 Jan 0001 00:00:00 +0000

将演示文稿导出为 XAML

Aspose.Slides 支持 XAML 导出。您可以将演示文稿转换为 XAML。

关于 XAML

XAML 是一种描述性编程语言，可让您为应用程序构建或编写用户类，尤其是那些使用 WPF（Windows Presentation Foundation）、UWP（Universal Windows Platform）和 Xamarin Forms 的应用程序。

XAML 是一种基于 XML 的语言，是 Microsoft 用于描述 GUI 的变体。您大多数时间可能会使用设计器来处理 XAML 文件，但仍然可以编写和编辑 GUI。

使用默认选项将演示文稿导出为 XAML

以下 JavaScript 代码展示了如何使用默认设置将演示文稿导出为 XAML：

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    pres.save(new aspose.slides.XamlOptions());
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

使用自定义选项将演示文稿导出为 XAML

您可以从 XamlOptions 类中选择控制导出过程的选项，以决定 Aspose.Slides 如何将演示文稿导出为 XAML。

例如，如果您希望 Aspose.Slides 在导出为 XAML 时包含演示文稿中的隐藏幻灯片，可以将 setExportHiddenSlides 方法设置为 true。请参阅以下 JavaScript 示例代码：

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    var xamlOptions = new aspose.slides.XamlOptions();
    xamlOptions.setExportHiddenSlides(true);
    pres.save(xamlOptions);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

常见问题

如果原始字体在机器上不可用，如何确保字体可预测？

在 XamlOptions 中使用 setDefaultRegularFont — 当原始字体缺失时，它会作为回退字体使用。这有助于避免意外的替换。

导出的 XAML 只针对 WPF 吗，还是也可以在其他 XAML 框架中使用？

XAML 是一种通用 UI 标记语言，可在 WPF、UWP 和 Xamarin.Forms 中使用。导出目标是兼容 Microsoft 的 XAML 堆栈；具体行为和对特定构造的支持取决于目标平台。请在您的环境中测试标记。

是否支持隐藏幻灯片，如何防止它们默认被导出？

默认情况下，不会包含隐藏幻灯片。您可以通过在 XamlOptions 中使用 setExportHiddenSlides 来控制此行为——如果不需要导出隐藏幻灯片，请保持其禁用状态。

Nodejs-Java: 在 JavaScript 中将演示文稿转换为 HTML5

Mon, 01 Jan 0001 00:00:00 +0000

Aspose.Slides 支持 HTML5 导出。此处的 HTML5 导出过程允许您在没有 Web 扩展或依赖项的情况下将 PowerPoint 转换为 HTML。通过使用您自己的模板，您可以应用非常灵活的选项来定义导出过程以及生成的 HTML、CSS、JavaScript 和动画属性。

将 PowerPoint 导出为 HTML5

下面的 JavaScript 代码展示了如何在没有 Web 扩展和依赖项的情况下将演示文稿导出为 HTML5：

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    pres.save("pres.html", aspose.slides.SaveFormat.Html5);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

在这种情况下，您将获得干净的 HTML。

您可以通过以下方式指定形状动画和幻灯片切换的设置：

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    var html5Options = new aspose.slides.Html5Options();
    html5Options.setAnimateShapes(false);
    html5Options.setAnimateTransitions(false);
    pres.save("pres5.html", aspose.slides.SaveFormat.Html5, html5Options);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

将 PowerPoint 导出为 HTML

下面的 JavaScript 演示了标准的 PowerPoint 到 HTML 过程：

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    pres.save("pres.html", aspose.slides.SaveFormat.Html);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

在这种情况下，演示文稿内容通过 SVG 呈现，形式如下：

<body>
<div class="slide" name="slide" id="slideslideIface1">
     <svg version="1.1">
         <g> THE SLIDE CONTENT GOES HERE </g>
     </svg>
</div>
</body>

Note

当您使用此方法将 PowerPoint 导出为 HTML 时，由于 SVG 渲染，您将无法应用样式或对特定元素进行动画。

将 PowerPoint 导出为 HTML5 幻灯片视图

Aspose.Slides 允许您将 PowerPoint 演示文稿转换为 HTML5 文档，其中幻灯片以幻灯片视图模式呈现。在这种情况下，当您在浏览器中打开生成的 HTML5 文件时，您将在网页上看到以幻灯片视图模式显示的演示文稿。

下面的 JavaScript 代码演示了 PowerPoint 到 HTML5 幻灯片视图的导出过程：

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    var html5Options = new aspose.slides.Html5Options();
    html5Options.setAnimateShapes(true);
    html5Options.setAnimateTransitions(true);
    pres.save("HTML5-slide-view.html", aspose.slides.SaveFormat.Html5, html5Options);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

将演示文稿转换为带有批注的 HTML5 文档

PowerPoint 中的批注是一种工具，允许用户在演示幻灯片上留下笔记或反馈。它们在协作项目中特别有用，多个人员可以向特定幻灯片元素添加建议或备注，而不会更改主要内容。每条批注都会显示作者姓名，便于跟踪是谁留下的备注。

假设我们有以下保存在 “sample.pptx” 文件中的 PowerPoint 演示文稿。

将 PowerPoint 演示文稿转换为 HTML5 文档时，您可以轻松指定是否在输出文档中包含演示文稿的批注。为此，需要在 Html5Options 类的 notes_comments_layouting 属性中指定批注的显示参数。

下面的代码示例将演示文稿转换为 HTML5 文档，并在幻灯片右侧显示批注。

let html5Options = new aspose.slides.Html5Options();
html5Options.getNotesCommentsLayouting().setCommentsPosition(aspose.slides.CommentsPositions.Right);

let presentation = new aspose.slides.Presentation("sample.pptx");
presentation.save("output.html", aspose.slides.SaveFormat.Html5, html5Options);
presentation.dispose();

“output.html” 文档如下面的图像所示。

常见问题

我可以控制对象动画和幻灯片切换是否在 HTML5 中播放吗？

是的，HTML5 提供了单独的选项来启用或禁用形状动画和幻灯片切换。

是否支持批注的输出，且它们相对于幻灯片可以放置在何处？

是的，批注可以在 HTML5 中添加，并通过注释和批注的布局设置（例如放置在幻灯片右侧）进行定位。

我能否跳过出于安全或 CSP 考虑而调用 JavaScript 的链接？

是的，有一个设置可以在保存时跳过带有 JavaScript 调用的超链接。这有助于遵循严格的安全策略。