2012-06-16 49 views
1

我要打印頁面的一部分一樣<div id="printablearea"> ... </div>jQuery的打印精確顯示的頁面格式

在現在我用這個:

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

但使用這種方式的一個問題,那就是頁面中的顯示元素與打印頁面不同。例如,我所有的元素都是左對齊的,但是在打印頁面中,所有元素都是左對齊的,或者打印頁面中的字體不同。

那麼有什麼方法可以使用jQuery printElement來精確地打印顯示的頁面,如果沒有,您的建議是什麼?我只是有兩個限制:

1 - 確切的顯示的頁面格式

2,我想頁的打印部分不是所有的人

回答

0

如果你有可以覆蓋打印的CSS格式問題:

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

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

從T文檔他網站:http://projects.erikzaadi.com/jQueryPlugins/jQuery.printElement/

+0

我使用相同的插件和問題中提到的相同的命令,但我怎樣才能解決我的限制? – Saeid

+0

查看已更新的響應。 –

+0

如果你的意思是我必須添加我的css文件我在頁面中使用了很多css文件,我如何添加所有這些文件? – Saeid