问题标签 [printthis]

我正在尝试使用 printThis jQuery 插件在我的网页上打印一些“选择的”内容。当我按print_btn时，打印中没有图像或<hr>显示。为什么？

HTML

CSS

JS

更新

我会回答我自己的问题。
这与“PrintThis”无关。
这是一个浏览器“问题”。
但是通过添加很容易修复：!important在我加载img的Css文件中。

我正在使用 printThis.js 并尝试使用 angularjs 打印 html。我的代码是

html代码：

jsFiddle

我面临的问题是，如果我在本地机器上工作，它工作得很好。但是如果我将它部署在本地服务器上，那么有时打印预览是空的。而在服务器 printthis.js 上调试部署的代码时有效。

我试图增加 printthis.js 中的超时时间，但没有奏效。对这个问题有什么想法吗？我的 jquery 版本是 2.1.0

我想在这里添加的另一件事是，如果我在页面加载后编辑需要打印的 html 内容，那么 printThis.js 将正常工作并且内容将在打印预览中。在其他情况下，如果页面呈现和 html 内容在第一次加载时 printThis.js 将呈现空预览。

我确实有一个可以打印的对话框。

所以我使用了printThis插件。

但是，当我尝试打印此页面时，它看起来与显示的不同。

我在对话框中有三个表。

如下图所示，表格 2 和表格 3 的单元格高度在打印预览中发生了变化。它实际上是这样打印的。

以下是我的代码：

HTML

JavaScript

CSS

我正在使用在这里找到的 printThis.js

它能够调用外部 CSS 文件，我就是这样做的。我遇到的问题是 CSS 在第一次调用该函数时从未加载，并且打印输出缺少其样式。第二次它通常会工作，这让我觉得 CSS 文件需要预加载。

我尝试使用带有加载 CSS 的暂存页面的隐藏 iframe，但这不起作用。我可以在当前页面上动态加载它，但是像 body 这样的元素的重叠设置会搞砸。

这是jquery代码：

有没有办法强制插件预加载 CSS？

我正在尝试研究如何从 Magnific Lightbox 打印图像并在下面遇到了这个出色的答案。

如何打印整个引导模式，其中模式主体中的内容被滚动到视图之外

似乎@Abu-Sulaiman 有最受欢迎的答案，但这个新手不知道如何链接到按钮。根据我最基本的知识，按钮的 id 在函数的开头使用（在本例中为“#modalDiv”），但似乎在该位置使用了他们要打印的区域的 div。

感谢一位乐于助人的成员，我还看到了另一篇文章，但这似乎更简单。

提前感谢您的任何帮助。

托德

我使用 printThis.js 插件打印页面，但我无法让分页符工作。它只打印一页，即使页面长于 A4 并且我使用了分页符。

我的页面看起来像这样。

那么，当我尝试打印时，为什么不把它分成两页呢？任何输入表示赞赏，谢谢。

解决了。我有一个导致问题的溢出：隐藏，所以现在它可以工作了。

我正在使用 jQuery Print-这个插件，我想从打印的页眉/页脚中删除页面 URL、日期和页码。

另外我有一个查询如何在 jQuery 中找到所有可滚动的元素并删除它们的滚动。

我正在使用 printthis.js，它可以很好地从我的网页上的预格式化元素打印内容。要激活打印命令，我使用以下命令：

现在我想打印一个页面，在顶部显示 h1（来自同一网页），然后在其上方显示预格式化的元素。

不幸的是，使用此代码我只能将它们打印在两个不同的页面中（实际上它们是两个独立的打印命令）。我希望它们出现在同一个打印页面上，如下所示：1）h1 内容 2）换行 3）'pre'元素

我想使用页脚打印输入框值。我可以使用打印单击，如第一行所示，但需要进行一些调整。我想在页脚中使用任何人都可以帮忙。

对不起，如果我遗漏了什么（我是 JS 的初学者）。我正在寻找使用PrintThis.js JQuery 插件将打印按钮添加到任何具有“printdiv”类的 div。我正在使用 Jquery 对按钮和 div 类进行编号，并将所需的 JQuery 代码附加到页面底部的脚本标记中。

这是我用我正在使用的代码制作的代码笔。https://codepen.io/hinte019/pen/yEybmG?editors=1010

这里也是代码形式

这导致打印

结果代码应该是正确的，但是打印按钮不起作用:(