外部の CMS ページに React ページの iFrame がありますが、高さを自動的に調整したいと考えています。
このライブラリを使用しようとしています: https://github.com/davidjbradshaw/iframe-resizer ですが、残念ながら正しく実装できません... React プロジェクトで設定する必要があるかどうか、どこで設定する必要があるかわかりません特定のパラメーター/呼び出し関数と、この JS ファイルをインポートする場所。
ここの指示とオンラインの特定のチュートリアルに従ってみました: https://github.com/davidjbradshaw/iframe-resizer
ただし、それは常にホスト ページに実装する方法にすぎません。
ホストページにスクリプトを既に含めました：
<iframe id="my-iframe" src="https://myiframeurl.com" width="100%" frameBorder="0" scrolling="no"></iframe>
<script type="text/javascript" src="https://www.mycmsurl.com/IFrameResizer/Javascripts/iframeResizer.min.js">
</script>
<script type="text/javascript"> //<![CDATA[
jQuery('#my-iframe').iFrameResize({autoResize: true});
//]]></script>
私の理解では、ドキュメントで読んだことから React プロジェクトのどこかで iFrameResizerContentWindow を呼び出す必要がありますが、これを行う正しい方法が何であるかはよくわかりません。ドキュメントは私を少し混乱させています。誰かが私を助けることができれば、それは非常に高く評価されます!