iFrame

1. 组件概述

iFrame 是一个内容展示组件，用于在页面中嵌入外部网页或应用。它可以将其他网站的页面完整地显示在当前页面的指定区域内，就像在页面中开了一个”窗口”来展示另一个网页。适用于需要集成第三方页面、展示外部内容或嵌入其他 Web 应用的场景。

加载中...

查看 JSON

复制 JSON

2. 应用场景示例

• 场景一：嵌入在线文档或教程。在学习辅导类应用中，可以通过 iFrame 嵌入在线的参考资料、教学视频网站或互动学习平台，让学生在同一个界面内查阅相关资源，无需跳转到其他页面。
• 场景二：集成第三方工具。在效率工具类应用中，可以嵌入在线翻译工具、代码运行环境或其他 Web 工具，让用户在使用 AI 功能的同时，方便地调用这些辅助工具。

加载中...

查看 JSON

复制 JSON

3. 功能配置

配置

基本折叠组

配置项	说明
页面地址	要嵌入显示的网页地址（URL）。填写完整的网址即可，例如 https://example.com。支持绑定变量，可以根据不同情况动态切换显示的页面。注意：出于安全考虑，部分网站可能禁止被嵌入到其他页面中。

状态折叠组

配置项	说明
可见	控制组件是否显示。默认可见。
隐藏	控制组件是否隐藏。与「可见」相反。

设计

基本折叠组

配置项	说明
宽度	设置 iFrame 的宽度。默认为父容器宽度（100%）。可以填写具体数值（如 500，单位为像素）或百分比（如 80%）。
高度	设置 iFrame 的高度。默认为父容器高度（100%）。可以填写具体数值（如 400，单位为像素）或百分比（如 50%）。建议根据嵌入页面的内容设置合适的高度，避免出现滚动条或内容显示不全。