オブジェクトタグのURLで読み込まれたページを印刷

Question

私はreactjsモーダルの内容を印刷しようとしています。私はモーダルにURLを埋め込み、その内容でモーダルを印刷したいと思います。以下は私のコードがある

<Modal.Body> 
      <div> 
      <object id="printableArea" type="text/html" data="http://www.xyztest.net/obj.html" className="objectClass"> 
     </object> 
      </div> 
     </Modal.Body> 

マイ印刷ボタン機能は

handleToggle: function (divName) { 
    var printContents = document.getElementById(divName).innerHTML; 
    var originalContents = document.body.innerHTML; 
    document.body.innerHTML = printContents; 
    window.print(); 
    document.body.innerHTML = originalContents; 
} 

このオブジェクトタグのURLのコンテンツを印刷しない... plsは私がこれを達成することができる方法を知っている..私はしたくないですiframeを使用する

Answer 1

ポップアップがこれに対するより簡単で信頼性の高い解決策になるかもしれません。以下のようdivNameが<object>タグを参照していると仮定すると、あなたは何かができる：これは空白のポップアップウィンドウを開きます

handleToggle: function (divName) { 
    var url = document.getElementById(divName).getAttribute('data'); 
    var win = window.open(); 
    win.document.write('<iframe style="width:100%;height:100%;padding:0px;margin:0px;" src="'+url+'" frameborder=0></iframe'); 
    setTimeout(function(){ 
     win.window.print() 
    }, 1000); 
} 

、IFRAMEを書き込み、srcはあなたのURLに設定します。ページが読み込まれ、印刷が開始されるまで待ちます。