以相同的引导样式导出为 pdf

Posted

技术标签:

【中文标题】以相同的引导样式导出为 pdf【英文标题】:Export to pdf with same bootstrap style 【发布时间】:2017-09-23 19:58:57 【问题描述】:

我用 bootstrap 创建了一个表单。现在我想将表单导出为具有相同样式的 pdf。请帮我解决这个问题

这里是文件jsfiddle

 <div class="row">
<div class="col-sm-8 center">

<h3>Fill Your Form</h3>
<div class="row">
<div class="col-sm-4">
First Name:
<input type="text" class="form-control" />
</div>
<div class="col-sm-4">
Middle Name:
<input type="text" class="form-control" />
</div>
<div class="col-sm-4">
Last Name:
<input type="text" class="form-control" />
</div>
</div>
<br>
<div class="row">
<div class="col-sm-12">


<button id="button" class=" btn btn-danger">Generate PDF</button>
</div>
</div>

PDF 结果想要这样

【问题讨论】:

【参考方案1】:

您的解决方案在此link 上,我不确定您是否要在没有任何库的情况下生成 pdf。

【讨论】:

我没有使用 php @ShanuShaji 没有基于".downloadAndExportMyCoolStyledFormToPdf(html);

以上是关于以相同的引导样式导出为 pdf的主要内容,如果未能解决你的问题,请参考以下文章

如何在引导模式中显示导出按钮?

以特定顺序将多个页面导出为 PDF

网页导出Pdf,样式不变

导出 VuePress构建的网站为 PDF

以只读 C# 格式导出为 PDF 的 .rdlc 格式报告

使用 R 将图形导出到 .eps 文件