建站 网站页面中插入PDF并直接显示内容的完整教程

适用场景:网站页面嵌入 PDF 文件,访客可在线预览PDF(产品手册、资质文件、说明书等),使用图文展示模块实现。

步骤 1:添加【图文展示】模块

  1. 进入观达云建站的可视化编辑界面,点击左上角模块按钮。

  2. 在模块列表,找到【基础】分组,点击 图文展示,把该模块添加到页面中。(对应**张截图箭头位置)


步骤 2:打开文本编辑弹窗

  1. 添加完图文展示模块后,右侧弹出图文展示设置面板。

  2. 在文本选项处,点击 编辑内容 按钮,打开富文本编辑器弹窗。(对应第二张截图箭头位置)


步骤 3:编辑器插入 PDF 附件

  1. 在图文模块的富文本编辑器顶部工具栏,找到【插入】下拉按钮。

  2. 在插入展开的小工具栏,点击附件(PDF 图标)按钮。(第三张截图红色箭头指向图标)

  3. 在弹出附件窗口,点击点击选择文件,选中本地电脑的 PDF 文件进行上传。

  4. 文件上传完成后,选中该 PDF,点击确定。


步骤 4:保存模块,发布网站

  1. 编辑器弹窗点【确定】,回到图文展示设置面板,可以继续选择模块样式、调整背景、标题栏。

  2. 页面编辑完成,点击顶部保存,发布网站,网页前端即可直接显示PDF内容,无需下载。