完全跨域高度自适应问题用react-iframe-resizer解决

还在下雨吗

已于 2022-04-19 14:10:47 修改

阅读量1.1k

点赞数

分类专栏： js 文章标签： javascript

于 2022-04-19 13:49:30 首次发布

原文链接：https://blog.csdn.net/qq_37815596/article/details/87780317

版权

js 专栏收录该内容

22 篇文章

订阅专栏

解决方法

npm insatll react-iframe-resizer-super --save
npm install iframe-resizer --save

js使用方法

         <IframeResizer
                    src=URL
                    heightCalculationMethod="lowestElement"
                    style={{
                        width: "1px",
                        minWidth: "100%",
                        minHeight: "100%"
                    }}
                    frameBorder="0"
                />

参考：GitHub - davidjbradshaw/iframe-resizer-react: The official React interface for Iframe-Resizer

Metabase embedding学习，实现将Metabase嵌入到其他应用中_热爱前端的小君同学的博客-CSDN博客_metabase 集成学习网址：https://metabase.com/docs/v0.23.0/administration-guide/13-embedding.html具体操作步骤1.打开Metabase管理者设置页面2.按照图片所示，点击“Enable”3.点击后到用户数据图的具体页面，点击图上对应位置4.按照图示操作5.按照图示操作，因为Metabase里面有很多用户，...https://blog.csdn.net/qq_37815596/article/details/87780317