@1milligram/frame 中文文档教程

Question

Frame

一个在元素内包裹iframe的React组件：

• [x] The iframe is only loaded when it is visible in the screen
• [x] The iframe is resized automatically when its content resizes

由于跨域（CORS）问题，它只支持src所属的iframe您网站的同一域。

Usage

1. Install the package:

$ npm install @1milligram/frame

2. Using the Frame component:

import { Frame } from '@1milligram/frame';
import '@1milligram/frame/lib/styles/index.css';

<Frame url="/path/to/iframe" />;

Options

设置框架高度

出于任何原因，您想自己计算以调整框架高度：

const setFrameHeight = (doc: Document) => {
    // `doc` is the document instance of the iframe content
    return doc.body.scrollHeight;
};

<Frame setFrameHeight={setFrameHeight} />;