10 plugin jQuery hỗ trợ in trang web

Hiện tại, vì công việc quá bận rộn nên mình không còn thời gian để post bài và duy trì nội dung cho blog nữa. Do đó tại thời điểm này, mình quyết định ngừng phát triển blog. Mọi bài viết sẽ vẫn được lưu trữ và mình sẽ cố gắng hỗ trợ tất cả các bạn khi có comment hỏi. Cảm ơn các bạn đã ủng hộ blog suốt thời gian qua !

Hiện tại do đang develop 1 website cho khách hàng có yêu cầu chức năng "In". Sau nửa buổi tìm hiểu thì mình đã tìm được rất nhiều thông tin bổ ích, dưới đây là bài viết mình cảm thấy ngắn gọn và tổng hợp đầy đủ nhất các plugin cho phép gọi chức năng "Print Page" của trình duyệt.

Mình thì đang dùng 2 cái plugin là jQuery Print (cho phép in toàn bộ trang web thông qua url, có message box thông báo khi đang bật chức năng in khá đẹp) và jQuery Print Element 1.2 (có thể select thành phần (element) muốn in trong trang web như div, table... chứ ko cần phải in cả trang), các bạn có thể sử dụng các plugin khác tùy thích ^^.

1. Unobtrusive JavaScript Print Link (with jQuery)

Ideally, we do not want to have things on a page that do not work without JavaScript enabled. So the solution is to write the print link into the DOM using JavaScript, and then attach a click event to the link.

SOURCE DEMO

2. jqueryprintpage

A simple jQuery plugin to wrap the inner elements matching a given selector in a *print page* link, then add an onclick handler to print the current page.




SOURCE + DEMO

3. jqPrint

This plugin is designed upon the well-known jPrintArea, with some improvements and functionalities corrections. Rewritten as true jQuery plugin!




SOURCE + DEMO

4. PrintArea – Print section of the page with jQuery

This plugin allows us to indicate which container on the page we want to send to the printer maintaining the original css styles applied to the element being printed.




SOURCE DEMO

5. jQuery Printing Plugin

The plugin creates an iframe and print it directly! This way you save yourself (and your users) the hassle of dealing with a new window.




SOURCE DEMO

6. jQuery Print Preview Plugin

The jQuery Print Preview plugin is designed to provide visitors with a preview of the print version of a web site. Unlike traditional print previews this plugin brings in all content and print styles within a modal window.




SOURCE DEMO

7. jQuery Print Element 1.2

Sets whether the plugins behavior is to open a popup of the element to print before printing, or to create a hidden iframe. Possible values: ‘iframe’ | ‘popup’




SOURCE DEMO

8. Print Part of a Web Page with jQuery

A jQuery plugin to handle the print() functionality. This way, we can make anything on the page printable using a jQuery selector.




SOURCE + DEMO

9. Easy Unobstructive jQuery Print Page Tutorial

An easier way to create Print This Page buttons, and yes it doesn’t involve an onclick=” event…



SOURCE + DEMO

10. Add Print Ability to FancyBox jQuery Plugin

In this tutorial you will learn how to add a nice print button to the FancyBox jQuery plugin.





SOURCE DEMO

Nguồn: http://www.jquery4u.com/plugins/10-jquery-print-page-options/