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

Question

我尝试使 iframe 大小与内容相匹配并使用 lib https://github.com/davidjbradshaw/iframe-resizer

所以，我创建了反应组件：

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;

并在所有 jsf-s 的标题中插入了这个

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

所以，我希望我的组件向内容发送消息。内容将使用此 iframeResizer.contentWindow.js 进行响应，并且 iframe 将被调整大小。但是还有

[iFrameSizer][主机页面：iFrameResizer0] iFrame 没有响应。检查 iFrameResizer.contentWindow.js 是否已在 iFrame 中加载

错误信息。所以，你能帮我吗，怎么了？ps 我用这个库

标签： iframe-resizer

Answer 1

name="iframeResizer.contentWindow.js - 只是 js-lib 的路径

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