如何在 jsf 中更正插入 iframeResizer.contentWindow.js？

Question

我尝试使 iframe 大小适合内容并使用 lib https://github.com/davidjbradshaw/iframe-resizer

所以，我创建了 React 组件：

import React from "react";
import IframeResizer from "react-iframe-resizer-super";

const IFrameArea = () => {
  const url = "http://localhost:8080/app/jsf/data-payments.jsf";
  const iframeResizerOptions = {
    log: true,
    checkOrigin: false,
  };
  return (
    <IframeResizer src={url} iframeResizerOptions={iframeResizerOptions}/>
  );
};

export default IFrameArea;

并在 header 中为所有 jsf-s 插入此

<h:outputScript library="iframeResizer" name="iframeResizer.contentWindow.js" />

因此，我预计我的组件会向内容发送消息。内容将使用此 iframeResizer.contentWindow.js 进行响应，并且 iframe 将调整大小。但是有

[iFrameSizer][Host page: iFrameResizer0] No response from iFrame. Check iFrameResizer.contentWindow.js has been loaded in iFrame

错误信息。那么，你能帮帮我吗，怎么了？ p.s。我使用 this 图书馆

Answer 1

name="iframeResizer.contentWindow.js - 只是 js-lib

的路径

library - 库名称，您可以使用您的应用程序中已经存在的。

如何在 jsf 中更正插入 iframeResizer.contentWindow.js？

How to correct insert iframeResizer.contentWindow.js in jsf?

iframe-resizer