> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xpertai.cn/llms.txt
> Use this file to discover all available pages before exploring further.

# iframe

iframe 组件是使用 [iframe](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe) 元素进行展示嵌入页面的组件.

在故事编辑界面, 点击工具栏中插入区域更多里的"**iframe**", 在当前页面中创建一个 iframe 组件. 选中此组件后在右侧属性编辑栏中对其设置进行编辑:

> 由于 iframe 内嵌了网页内容, 所以点击组件是和内嵌网页进行交互的, 所以想要选中组件本身需要点击组件边缘部分的拖动条, 选中后点击右上角的菜单按钮激活组件编辑界面.

## 构建

构建设置就一个属性设置

* **源地址**: 输入需要嵌入的网页地址;

## 样式

样式包含通用的组件样式配置.

## 示例

<iframe src="https://app.xpertai.cn/public/story/point/9fd24b57-ec83-41e4-93ca-b98a59afe20f" width="100%" height="350px" frameBorder="0" scrolling="no" allowFullScreen />