css - 格式化网页以进行打印

Question

我的公司开发了一个 SaaS 解决方案，允许用户创建用于数据收集的表单，并在提交后允许最终用户打印他们提交的表单。表单没有标准的宽度或高度，因为每个表单创建者都有不同的要求。由于宽度为 1000 像素和来自浏览器的页脚、URL 和页眉元素等页面垃圾，我们遇到了明显的内容从页面运行的问题。

除了打印机友好的 CSS 模板之外，是否有人可以推荐任何其他选项来转换页面(如 Word/Excel)以在可打印区域内打印并删除浏览器元素？是否有任何已知的 PDF 选项可以做类似的事情？最好的选择可能是将网页转换/调整为 PDF 并允许最终用户下载或打印。

如果 CSS 是唯一的选择，有什么推荐的模板吗？

Answer 1

很久以前我用过一个jquery插件，名字是PrintElement ，使用此插件，您可以打印 DOM 中元素内包含的所有信息。

所以我最好的选择是格式化 HTML 并定位到页面内的特定标记，在您之前提到的情况下，可能是您有页眉、内容和页脚的情况，因此请使用printEment 插件和内容对象的目标，例如它可以是一个 div。

<header></header>
<div class="content"></div>
<footer></footer>

因此您可以按如下方式使用该插件:

$('Selector').printElement();

最重要的是，如果您添加媒体 css 文件，您将拥有一个很好的打印策略。