使用本地主机将 PowerPoint 演示文稿嵌入 HTML
Embed a PowerPoint presentation into HTML with localhost
我想用这个方法上传powerpoint演示文稿:
<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=[https://www.your_website/file_name.pptx]' width='100%' height='600px' frameborder='0'>
但我正在使用 XAMMP 来使用本地主机服务器,所以我需要这样的东西
<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=[/file_name.pptx]' width='100%' height='600px' frameborder='0'>
这可能吗?提前谢谢你。
您可以使用 ngrok 将本地 Web 服务器公开到 Internet(免费版本应该足够了)。
这些是我在我的本地主机上运行所遵循的操作。我用虚拟演示文稿对其进行了测试。
1。创建一个 ngrok 帐户
转到 ngrok 网站并创建一个免费帐户。然后,获取您的授权令牌。
2。在你的电脑上安装 ngrok
运行 命令行中的以下命令(Linux 或 Windows 使用 WLS):
sudo apt-get install ngrok-client
ngrok authtoken [enter_your_authtoken_here]
ngrok http 80
最后一个命令会将您的本地 Web 服务器暴露给 public URL。这假设您已经 运行 在本地主机(端口 80)中设置了一个网络服务器。
3。准备嵌入代码
使用嵌入代码保存一个 .html
文件,替换 src
属性以包含 ngrok 提供的新 URL。确保您的 file_name.pptx 也可以在本地主机中访问。
<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=[https://www.your_website/file_name.pptx]' width='100%' height='600px' frameborder='0'>
相应地用 ngrok 生成的 URL 替换 https://www.your_website
。 (您可以从命令行获取暴露的URL,见下图)。
就是这样。这是一个示例,显示了我使用这种方法测试虚拟演示文稿时得到的结果。
我想用这个方法上传powerpoint演示文稿:
<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=[https://www.your_website/file_name.pptx]' width='100%' height='600px' frameborder='0'>
但我正在使用 XAMMP 来使用本地主机服务器,所以我需要这样的东西
<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=[/file_name.pptx]' width='100%' height='600px' frameborder='0'>
这可能吗?提前谢谢你。
您可以使用 ngrok 将本地 Web 服务器公开到 Internet(免费版本应该足够了)。
这些是我在我的本地主机上运行所遵循的操作。我用虚拟演示文稿对其进行了测试。
1。创建一个 ngrok 帐户
转到 ngrok 网站并创建一个免费帐户。然后,获取您的授权令牌。
2。在你的电脑上安装 ngrok
运行 命令行中的以下命令(Linux 或 Windows 使用 WLS):
sudo apt-get install ngrok-client
ngrok authtoken [enter_your_authtoken_here]
ngrok http 80
最后一个命令会将您的本地 Web 服务器暴露给 public URL。这假设您已经 运行 在本地主机(端口 80)中设置了一个网络服务器。
3。准备嵌入代码
使用嵌入代码保存一个 .html
文件,替换 src
属性以包含 ngrok 提供的新 URL。确保您的 file_name.pptx 也可以在本地主机中访问。
<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=[https://www.your_website/file_name.pptx]' width='100%' height='600px' frameborder='0'>
相应地用 ngrok 生成的 URL 替换 https://www.your_website
。 (您可以从命令行获取暴露的URL,见下图)。
就是这样。这是一个示例,显示了我使用这种方法测试虚拟演示文稿时得到的结果。