jQuery Print 准确显示的页面格式

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/