奥宏文档
欢迎
API 与集成
MCP 接入指南
MCP 工具详解
MCP 最佳实践
API Token 管理
文档嵌入组件(uldoc-help.js)
快速开始
页面和内容块
创建第一个项目
发布和分享
项目管理
导入导出
项目设置
项目可见性
项目转移
内容编辑
代码块
Markdown 编辑
流程图(BPMN)
脑图
图片管理
HTML 块
iframe 嵌入
版本管理
创建版本
版本切换
多语言
配置语言
多语言编辑
成员协作
转让所有权
角色说明
添加和管理成员
Base Permission(组织项目继承)
组织管理
创建组织
组织项目
组织成员
默认项目权限
付费阅读
付费项目设置
读者管理
阅读权限控制
常见问题
iframe 嵌入
iframe 嵌入块用来在文档里展示外部网页或在线工具。把别人做好的页面直接搬进来,不用自己重写。
使用方式
填入外部页面的 URL,保存后阅读页会用 iframe 加载这个地址。支持 https 网页、在线 demo、第三方工具页面。
显示模式
两种宽度模式可选:
- 普通模式:占满文档宽度,适合桌面端网页、宽表格、大屏 demo
- 手机模式:固定 350px 宽,居中显示,模拟手机界面
手机模式适合展示移动端页面、H5 活动页、小程序 webview 内容。
自定义高度
可以设置 iframe 的高度。填数字(单位像素),比如 600 表示 600 像素高。根据嵌入内容自行调整,避免出现滚动条或大片空白。
注意事项
- 部分网站设置了
X-Frame-Options或CSP头,禁止被 iframe 嵌入,这类页面无法显示 - 嵌入的页面内容由原网站控制,对方更新或下线会影响展示效果
- 移动端页面建议用手机模式,桌面端页面建议用普通模式
适合的场景
- 在线工具演示(图表生成器、JSON 格式化等)
- 第三方文档、外部 Demo 链接
- 移动端页面预览
- 实时数据看板、监控页面
原文标题:iframe 嵌入
原文文档:奥宏文档
原文地址:/read/augushong/ulthon-document/zh-cn/1.0.0/content-editing/iframe-embed.html
原文平台:奥宏文档
1.0.0