Javascript Jquery window.print（）不打印纯文本内容

我已经在我的laravel web应用程序中集成了webmail。

现在，收件箱中的一些邮件是纯文本的，一些是html

1） 纯文本邮件

2） Html邮件

现在当我打开邮件阅读时，有一个打印按钮。当我点击print按钮时，我的邮件应该被打印出来，所以我编写了如下jquery代码

$("[id=print]").click(function(e)
    {
      w=window.open();
      w.document.write($('#readmailcontainer').html());
      w.print();
      w.close();
    });

现在，当我打印HTML邮件时，我得到了如下正确的打印预览

但当我打印纯文本邮件时，我会得到Black页面

我知道我在jquery代码中使用.html（）来获取html，因此我获得了正确的html内容，但我也应该使用.html（）获取纯文本，但它没有显示任何内容

我在控制台中记录了输出，我看到对于纯文本，它返回完整的html代码，如果我使用.text（），那么它只显示两封邮件的纯文本

我不知道如何才能做到这一点

OuterHtml用于#readmailcontainer用于纯文本

<div class="col-md-9" id="readmailcontainer" style="display: block;">
              <div class="box box-primary">
                <div class="box-header with-border">
                  <h3 class="box-title" id="fromname">SANIERP</h3>
                  <div class="box-tools pull-right">
                    <a href="#" class="btn btn-box-tool" data-toggle="tooltip" title="Back" id="backtomailbox"><i class="fa fa-fw fa-arrow-circle-left" style="font-size: 20px"></i></a>

                  </div>
                </div>
                <div class="box-body no-padding">
                  <div class="mailbox-read-info">
                    <h3 id="subject"></h3>
                    <h5 id="fromaddress">From : erp@saniservice.com<span class="mailbox-read-time pull-right">2017-07-05 04:11:42</span></h5>
                  </div>
                  <div class="mailbox-controls with-border text-center">
                    <div class="btn-group">
                      <button class="btn btn-default btn-sm" data-toggle="tooltip" title="" data-original-title="Delete"><i class="fa fa-trash-o"></i></button>
                      <button class="btn btn-default btn-sm" data-toggle="tooltip" title="" data-original-title="Reply"><i class="fa fa-reply"></i></button>
                      <button class="btn btn-default btn-sm" data-toggle="tooltip" title="" data-original-title="Forward"><i class="fa fa-share"></i></button>
                    </div>
                    <button class="btn btn-default btn-sm" data-toggle="tooltip" title="" id="print" data-original-title="Print"><i class="fa fa-print"></i></button>
                  </div>
                  <div class="mailbox-read-message" id="mailbody">



    <meta charset="utf-8">

    <title></title>
    <meta name="description" content="The HTML5 Herald">
    <meta name="author" content="SitePoint">

    <link rel="stylesheet" href="css/styles.css?v=1.0">

    <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
    <![endif]-->




<p>hello vijay</p>


    <br><br><br><br>



</div>
                </div>


                <div class="box-footer">
                  <ul class="mailbox-attachments clearfix" id="attachment"></ul>
                </div>


                <div class="box-footer">
                  <div class="pull-right">
                    <button class="btn btn-default"><i class="fa fa-reply"></i> Reply</button>
                    <button class="btn btn-default"><i class="fa fa-share"></i> Forward</button>
                  </div>
                  <button class="btn btn-default"><i class="fa fa-trash-o"></i> Delete</button>
                  <button class="btn btn-default"><i class="fa fa-print"></i> Print</button>
                </div>
              </div>
            </div>

萨尼尔普
发件人：erp@saniservice.com2017-07-05 04:11:42
你好，维杰







回复
向前地
删除
印刷品

对我来说一切正常：。您能提供

#readmailcainer

元素的outerHTML吗？@james更新了相关的outerHTML