将html导出pdf js,使用jspdf将HTML表导出为pdf

szakalq..

43

这是工作示例:

在头上

脚本:

function demoFromHTML() {

var pdf = new jsPDF('p', 'pt', 'letter');

// source can be HTML-formatted string, or a reference

// to an actual DOM element from which the text will be scraped.

source = $('#customers')[0];

// we support special element handlers. Register them with jQuery-style

// ID selector for either ID or node name. ("#iAmID", "div", "span" etc.)

// There is no support for any other type of selectors

// (class, of compound) at this time.

specialElementHandlers = {

// element with id of "bypass" - jQuery style selector

'#bypassme': function(element, renderer) {

// true = "handled elsewhere, bypass text extraction"

return true

}

};

margins = {

top: 80,

bottom: 60,

left: 40,

width: 522

};

// all coords and widths are in jsPDF instance's declared units

// 'inches' in this case

pdf.fromHTML(

source, // HTML string or DOM elem ref.

margins.left, // x coord

margins.top, {// y coord

'width': margins.width, // max width of content on PDF

'elementHandlers': specialElementHandlers

},

function(dispose) {

// dispose: object with X, Y of the last line add to the PDF

// this allow the insertion of new lines after html

pdf.save('Test.pdf');

}

, margins);

}

和表:

CountryPopulationDateAge

Chinna1,363,480,000March 24, 201419.1India1,241,900,000March 24, 201417.4United States317,746,000March 24, 20144.44Indonesia249,866,000July 1, 20133.49Brazil201,032,714July 1, 20132.81

和按钮运行:

PDF

和在线工作示例:

单元格中的内容是否溢出以防止这种情况？ (5认同)

效果很好,除了内部的任何HTML标签都没有显示.例如,如果我在单元格内部有一个"UL",它只是在不同的行上显示文本.如果我有一个带下划线或粗体的文本,它不显示它. (2认同)