Question

我想打印一部分页面，例如<div id="printablearea"> ... </div>

现在我用这个：

$('a.Print').click(function () {
  $('div#printablearea').printElement();
  return false;
});

但使用这种方式存在问题，即页面中的显示元素与打印页面不同。例如，我的所有元素都是从右到左，但在打印页面中，所有元素都是从左到右，或者打印页面中的字体不同。

那么有没有办法使用jQuery printElement来精确打印所显示的页面，如果没有，你的建议是什么？我只有两个限制：

1 - 确切显示的页面格式

2 - 我想要打印部分页面而不是全部

Answer 1

如果您遇到格式问题，可以覆盖打印的CSS：

$("selector").printElement(
        {
        overrideElementCSS:[
    'thisWillBeTheCSSUsed.css',
    { href:'thisWillBeTheCSSUsedAsWell.css',media:'print'}]
        });

或

 $("selector").printElement(
        {
        printBodyOptions:
        {
        styleToAdd:'padding:10px;margin:10px;color:#FFFFFF !important;',
        classNameToAdd : 'thisWillBeTheClassUsedAsWell'
        }
        });

网站上的文档：http://projects.erikzaadi.com/jQueryPlugins/jQuery.printElement/

jQuery Print精确显示的页面格式

1 个答案: