Question

我正在使用jqprint插件，并且非常喜欢它只运行一个问题。我需要为我正在尝试打印的对象添加颜色。我试图在将对象发送到Jqprint之前对其进行着色，但这并没有改变任何东西。我知道你可以在@media标签内编写CSS但是当我的html被渲染到chrome中的打印预览时，它似乎被改成了pdf而我无法访问像常规html这样的元素。

是否有人使用任何其他打印插件或对如何使用jqprint将颜色添加到我的打印中有任何想法。

基本上我有一个表格，我发送给jqprint，如下所示：

var $printStuff = $("#divTable");
$printStuff.jqprint();

Answer 1

我一直在寻找更好的解决方案，如果您想为打印版本更改多个CSS样式，我建议您为该功能添加特定的CSS文件：

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

在CSS文件中，您还可以使用以下行隐藏内容：

.classToHide { display: none; }

问候。

Answer 2

这不是最干净的解决方案，但您可以尝试在jqprint（）调用之前直接将样式添加到打印对象。

我还预先创建了打印对象的副本，因为它不会影响加载页面内的对象。印刷后，将其销毁。

var $printStuff = $("#divTable").clone();

$printStuff.css("color", "blue");

$printStuff.jqprint();
$printStuff.empty().remove();

请记住，您也可以操纵克隆对象，删除不会打印的标记。

试试吧，祝你好运！

使用Jqprint需要颜色，或需要替代

2 个答案: