使用CSS将pre元素另存为PDF

Question

我制作了syntax highlighter，我希望选择另存为PDF。我查看了this SO question，但是下载它并不能保留CSS样式，这样就无法下载突出显示的文件。有没有办法在维护CSS的同时将pre元素保存为PDF？

HTML：

<pre id='output'> (highlighted portion) </pre>
<button id='save'>Save as PDF</button>

JS：

$('#save').click(function(){
  //this is what I need help with
});

您可能已经注意到，如果重要的话，我正在使用jQuery。

Answer 1

尝试打开新的window，将pre html，style（如果有pre元素添加到新window {{1}在新document.body上调用.focus()，.print();选择系统打印对话框，选择“打印到文件”

window

jsfiddle http://jsfiddle.net/tn04Ldka/2/