jquery.wordexport.js 6.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. if (typeof jQuery !== 'undefined' && typeof saveAs !== 'undefined') {
  2. (function ($) {
  3. $.fn.wordExport = function (fileName, rule) {
  4. fileName = typeof fileName !== 'undefined' ? fileName : 'jQuery-Word-Export'
  5. var statics = {
  6. mhtml: {
  7. top: 'Mime-Version: 1.0\nContent-Base: ' + location.href + '\nContent-Type: Multipart/related; boundary="NEXT.ITEM-BOUNDARY";type="text/html"\n\n--NEXT.ITEM-BOUNDARY\nContent-Type: text/html; charset="utf-8"\nContent-Location: ' + location.href + '\n\n<!DOCTYPE html>\n<html>\n_html_</html>',
  8. head: '<head>\n<meta http-equiv="Content-Type" content="text/html; charset=utf-8">\n<style>\n_styles_\n</style>\n</head>\n',
  9. body: '<body>_body_</body>'
  10. }
  11. }
  12. var options = {
  13. maxWidth: 624
  14. }
  15. // Clone selected element before manipulating it
  16. var markup = $(this).clone()
  17. // Remove hidden elements from the output
  18. markup.each(function () {
  19. var self = $(this)
  20. if (self.is(':hidden')) { self.remove() }
  21. })
  22. // Embed all images using Data URLs
  23. var images = Array()
  24. var img = markup.find('img')
  25. for (var i = 0; i < img.length; i++) {
  26. // Calculate dimensions of output image
  27. var w = Math.min(img[i].width, options.maxWidth)
  28. var h = img[i].height * (w / img[i].width)
  29. // Create canvas for converting image to data URL
  30. var canvas = document.createElement('CANVAS')
  31. canvas.width = w
  32. canvas.height = h
  33. // Draw image to canvas
  34. var context = canvas.getContext('2d')
  35. context.drawImage(img[i], 0, 0, w, h)
  36. // Get data URL encoding of image
  37. var uri = canvas.toDataURL('image/png/jpg')
  38. $(img[i]).attr('src', img[i].src)
  39. img[i].width = w
  40. img[i].height = h
  41. // Save encoded image to array
  42. images[i] = {
  43. type: uri.substring(uri.indexOf(':') + 1, uri.indexOf(';')),
  44. encoding: uri.substring(uri.indexOf(';') + 1, uri.indexOf(',')),
  45. location: $(img[i]).attr('src'),
  46. data: uri.substring(uri.indexOf(',') + 1)
  47. }
  48. }
  49. // Prepare bottom of mhtml file with image data
  50. var mhtmlBottom = '\n'
  51. for (var i = 0; i < images.length; i++) {
  52. mhtmlBottom += '--NEXT.ITEM-BOUNDARY\n'
  53. mhtmlBottom += 'Content-Location: ' + images[i].location + '\n'
  54. mhtmlBottom += 'Content-Type: ' + images[i].type + '\n'
  55. mhtmlBottom += 'Content-Transfer-Encoding: ' + images[i].encoding + '\n\n'
  56. mhtmlBottom += images[i].data + '\n\n'
  57. }
  58. mhtmlBottom += '--NEXT.ITEM-BOUNDARY--'
  59. // TODO: load css from included stylesheet
  60. // var styles=' /* Font Definitions */@font-face{font-family:宋体;panose-1:2 1 6 0 3 1 1 1 1 1;mso-font-alt:SimSun;mso-font-charset:134;mso-generic-font-family:auto;mso-font-pitch:variable;mso-font-signature:3 680460288 22 0 262145 0;} @font-face{font-family:"Cambria Math";panose-1:2 4 5 3 5 4 6 3 2 4;mso-font-charset:1;mso-generic-font-family:roman;mso-font-format:other;mso-font-pitch:variable;mso-font-signature:0 0 0 0 0 0;} @font-face{font-family:"\@宋体";panose-1:2 1 6 0 3 1 1 1 1 1;mso-font-charset:134;mso-generic-font-family:auto;mso-font-pitch:variable;mso-font-signature:3 680460288 22 0 262145 0;}/* Style Definitions */p.MsoNormal, li.MsoNormal, div.MsoNormal{mso-style-unhide:no;mso-style-qformat:yes;mso-style-parent:"";margin:0cm;margin-bottom:.0001pt;mso-pagination:widow-orphan;font-size:14.0pt;font-family:宋体;mso-bidi-font-family:宋体;}p.MsoHeader, li.MsoHeader, div.MsoHeader{mso-style-noshow:yes;mso-style-priority:99;mso-style-link:"页眉 Char";margin:0cm;margin-bottom:.0001pt;text-align:center;mso-pagination:widow-orphan;layout-grid-mode:char;font-size:9.0pt;font-family:宋体;mso-bidi-font-family:宋体;}p.MsoFooter, li.MsoFooter, div.MsoFooter{mso-style-noshow:yes;mso-style-priority:99;mso-style-link:"页脚 Char";margin:0cm;margin-bottom:.0001pt;mso-pagination:widow-orphan;layout-grid-mode:char;font-size:9.0pt;font-family:宋体;mso-bidi-font-family:宋体;}p.MsoAcetate, li.MsoAcetate, div.MsoAcetate{mso-style-noshow:yes;mso-style-priority:99;mso-style-link:"批注框文本 Char";margin:0cm;margin-bottom:.0001pt;mso-pagination:widow-orphan;font-size:9.0pt;font-family:宋体;mso-bidi-font-family:宋体;}span.Char{mso-style-name:"页眉 Char";mso-style-noshow:yes;mso-style-priority:99;mso-style-unhide:no;mso-style-locked:yes;mso-style-link:页眉;font-family:宋体;mso-ascii-font-family:宋体;mso-fareast-font-family:宋体;mso-hansi-font-family:宋体;}span.Char0{mso-style-name:"页脚 Char";mso-style-noshow:yes;mso-style-priority:99;mso-style-unhide:no;mso-style-locked:yes;mso-style-link:页脚;font-family:宋体;mso-ascii-font-family:宋体;mso-fareast-font-family:宋体;mso-hansi-font-family:宋体;}span.Char1{mso-style-name:"批注框文本 Char";mso-style-noshow:yes;mso-style-priority:99;mso-style-unhide:no;mso-style-locked:yes;mso-style-link:批注框文本;font-family:宋体;mso-ascii-font-family:宋体;mso-fareast-font-family:宋体;mso-hansi-font-family:宋体;}p.msochpdefault, li.msochpdefault, div.msochpdefault{mso-style-name:msochpdefault;mso-style-unhide:no;mso-margin-top-alt:auto;margin-right:0cm;mso-margin-bottom-alt:auto;margin-left:0cm;mso-pagination:widow-orphan;font-size:10.0pt;font-family:宋体;mso-bidi-font-family:宋体;}span.msonormal0{mso-style-name:msonormal;mso-style-unhide:no;}.MsoChpDefault{mso-style-type:export-only;mso-default-props:yes;font-size:10.0pt;mso-ansi-font-size:10.0pt;mso-bidi-font-size:10.0pt;mso-ascii-font-family:"Times New Roman";mso-hansi-font-family:"Times New Roman";mso-font-kerning:0pt;}/* Page Definitions */ @page WordSection1{size:595.3pt 841.9pt;margin:72.0pt 90.0pt 72.0pt 90.0pt;mso-header-margin:42.55pt;mso-footer-margin:49.6pt;mso-paper-source:0;}div.WordSection1{page:WordSection1;}';
  61. var styles = rule || ''
  62. // Aggregate parts of the file together
  63. var fileContent = statics.mhtml.top.replace('_html_', statics.mhtml.head.replace('_styles_', styles) + statics.mhtml.body.replace('_body_', markup.html())) + mhtmlBottom
  64. // Create a Blob with the file contents
  65. var blob = new Blob([fileContent], {
  66. type: 'application/msword;charset=utf-8'
  67. })
  68. saveAs(blob, fileName + '.doc') // ‘doc’最好不要改成‘docx’,office会打不开,教训啊,
  69. }
  70. })(jQuery)
  71. } else {
  72. if (typeof jQuery === 'undefined') {
  73. console.error('jQuery Word Export: missing dependency (jQuery)')
  74. }
  75. if (typeof saveAs === 'undefined') {
  76. console.error('jQuery Word Export: missing dependency (FileSaver.js)')
  77. }
  78. }