javascript - 网站 : Make printable version with footnotes?

Question

我有一个使用可编辑 div 的网站，以便用户可以修改或注释文本。有没有办法让网站生成 pdf 或一些带有脚注的可打印文档，这样如果用户有这个:

<div class="text" id="text_1">
    <div class="bodyTest">This is the body text</div>
    <div class="notes">These are the notes</div>
</div>
<div class="text" id="text_2">
    <div class="bodyTest">This is the body text</div>
    <div class="notes">These are the notes</div>
</div>

网站将生成可打印版本(或文档)，这样div.notes 将作为脚注出现在 div#text_1 所在的同一页面上出现？我不需要一个完整的答案，只要在大方向上推一下就可以了。谢谢。

Answer 1

我要做的第一件事是创建一个打印样式表，并使用以下链接它。

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

该样式表应该是打印友好的——例如黑白，最少的内容。然后，当用户在页面上并使用浏览器的打印功能时，它将使用该样式表。

现在，如果您要扩展网站以便它可以即时生成 PDF/其他文档类型，我不完全相信这是值得的，您可以搜索有关所选技术的说明。我知道一种免费方法是通过在服务器上安装并连接到它来使用 OpenOffice.org。