通过 DOMPDF 导出 Bootstrap DOM - HTML 到 PDF答案

【问题标题】：Exporting Bootstrap DOM - HTML to PDF by DOMPDF通过 DOMPDF 导出 Bootstrap DOM - HTML 到 PDF
【发布时间】：2014-03-21 18:26:18
【问题描述】：

使用 Bootstrap 3 和 DOMPDF，我正在尝试导出一些 html 节点，例如：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="alert alert-success">
       <a href="#" class="alert-link">Test 1</a>
    </div>
    <div class="alert alert-info">
       <a href="#" class="alert-link">Test 2</a>
    </div>
    <div class="alert alert-warning">
       <a href="#" class="alert-link">Test 3</a>
    </div>
    <div class="alert alert-danger">
       <a href="#" class="alert-link">Test 4</a>
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

但它没有将 Bootstrap 样式转换为 PDF，是否可以从 Bootstrap 样式生成 PDF？据我的研究，DOMPDF 将 HTML 内容导出为 PDF，但为什么不关注 Bootstrap 样式？

【问题讨论】：

dompdf 尚不支持 bootstrap 依赖的某些 CSS 功能（例如 box-sizing），而其他功能仍在进行中（例如 float）。问题可能是您如何将 HTML 加载到 dompdf 中，以及它如何影响用于查找 CSS 的路径。你能用相关的 PHP 更新你的代码吗？

标签： php twitter-bootstrap twitter-bootstrap-3 dompdf

【解决方案1】：

你试过这个吗？ https://stackoverflow.com/a/17186282/2811998

   $dompdf = new DOMPDF();
   $dompdf->set_base_path(realpath(APPLICATION_PATH . '/path/to/css/'));
   $dompdf->load_html($html);
   $dompdf->render();

【讨论】：

【解决方案2】：

我的回复晚了，但我还是把它留作参考。

DOMPDF 开发人员仍在使用Bootstrap support，目前的支持对我来说也不是很好。所以，我一直在寻找其他解决方案。

根据我的发现和测试，mPDF 和 wkhtmltopdf 可以处理 Bootstrap 布局。

mPDF 不需要服务器根访问权限来安装库（wkhtmltopdf 需要），因此在使用 Bootstrap 时它可以用作 DOMPDF 的替代品，即使 wkhtmlpdf 提供更好的演示结果。

【讨论】：