<iframe>的打印内容超过一页

时间:2019-02-27 18:58:06

标签: javascript iframe media-queries dom-events printing-web-page

在我的react应用程序中,我有一个 iframe ,其中已加载HTML文档,其内容超过了一页。在按 Ctrl + p 时,我想将其打印成几页,但打印预览仅显示一页。

应如何处理以识别 iframe 的内容不止一张A4页面?

chrome devtool中的DOM看起来像

  
  

react应用中的结构类似于

  
          

和FrameText

  Class FrameText扩展了React.Component  {
  iframe:HTMLIFrameElement;
  compinentDidMount(){
    window.addEventListener('beforeprint',(e)=> {console.log(e);})
  }
  /* 其他的东西*/
  render(){
      const {status} = this.props;
      返回