Question

我已在我的laravel网络应用中集成了webmail。

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

1）纯文本邮件

2）Html邮件

现在当我打开邮件阅读时，有打印按钮。当我点击打印按钮时，我的邮件应该被打印，所以我写了这样的jquery代码。

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

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

但是当我打印纯文本邮件时，我得到了空白页面

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

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

我不确定如何做到这一点。

用于纯文本的#readmailcontainer的OuterHtml

<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>

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

0 个答案: