使用javascript和JSPDF中的html数据的动态PDF

时间:2018-10-05 17:58:14

标签: javascript jspdf

好吧,我正在使用jsPDF生成pdf,但遇到了2个问题。

  1. 您正在获取一个页面。
  2. 您没有换行符。

我已经尝试使用jsPDF的某些功能,但是其中的任何一个都没有成功。

正在保存的PDF可以通过此链接下载和查看。

  print() {
    const lMargin = 15; //left margin in mm
    const rMargin = 15; //right margin in mm
    const pdfInMM = 210;  // width of A4 in mm

    // const contentDataURL = canvas.toDataURL('image/png');
    let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF

    var lines = pdf.splitTextToSize(this.contract, (pdfInMM - lMargin - rMargin));

    // console.log(lines);
    // pdf.text(lMargin, 20, lines);
    pdf.fromHTML(this.contract, 20, lMargin);
    pdf.save(this.trim(this.title) + '.pdf');
}

我看到了一些甚至与我需要的问题有关的问题,但总体上并没有解决我的问题,example是这样,但是当我只解决第一个问题并生成另一个正在显示HTML的问题时,标签。

我需要打印的对象与此类似,它具有htmls和css混合标签,它将由wysiwyg-editor生成

 contract = '<p style="text-align: center;"><strong>CONTRATO DE PRESTA&Ccedil;&Atilde;O DE SERVI&Ccedil;O</strong></p>\n' +
    '\n' +
    '<p>\n' +
    '\t<br>\n' +
    '</p>\n' +
    '\n' +
    '<p>Pelo presente Instrumento Particular de Contrato de Compra e Venda de Im&oacute;vel Urbano/Rural, com fundamento nos artigos 481 &agrave; 504 da Lei 10.406/2002, celebram as partes abaixo qualificadas, de um lado como VENDEDOR(A,ES,AS): NOME: NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. CONJUGE NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. e, de outro lado como COMPRADOR(A,ES,AS): NOME: NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. CONJUGE NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. tendo entre si, certo e ajustado as seguintes clausulas e condi&ccedil;&otilde;es: CL&Aacute;USULA PRIMEIRA - DO OBJETO O objeto do presente instrumento particular, funda-se na aliena&ccedil;&atilde;o do seguinte bem im&oacute;vel, a saber: DESCRI&Ccedil;&Atilde;O: ENDERE&Ccedil;O BAIRRO CIDADE/UF &Aacute;REA TOTAL: CART&Oacute;RIO DE REGISTRO DE IM&Oacute;VEIS DA _____ CIRCUNSCRI&Ccedil;&Atilde;O DA COMARCA DE</p>\n' +
    '\n' +
    '<p>Pelo presente Instrumento Particular de Contrato de Compra e Venda de Im&oacute;vel Urbano/Rural, com fundamento nos artigos 481 &agrave; 504 da Lei 10.406/2002, celebram as partes abaixo qualificadas, de um lado como VENDEDOR(A,ES,AS): NOME: NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. CONJUGE NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. e, de outro lado como COMPRADOR(A,ES,AS): NOME: NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. CONJUGE NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. tendo entre si, certo e ajustado as seguintes clausulas e condi&ccedil;&otilde;es: CL&Aacute;USULA PRIMEIRA - DO OBJETO O objeto do presente instrumento particular, funda-se na aliena&ccedil;&atilde;o do seguinte bem im&oacute;vel, a saber: DESCRI&Ccedil;&Atilde;O: ENDERE&Ccedil;O BAIRRO CIDADE/UF &Aacute;REA TOTAL: CART&Oacute;RIO DE REGISTRO DE IM&Oacute;VEIS DA _____ CIRCUNSCRI&Ccedil;&Atilde;O DA COMARCA DE</p>\n' +
    '\n' +
    '<p>Pelo presente Instrumento Particular de Contrato de Compra e Venda de Im&oacute;vel Urbano/Rural, com fundamento nos artigos 481 &agrave; 504 da Lei 10.406/2002, celebram as partes abaixo qualificadas, de um lado como VENDEDOR(A,ES,AS): NOME: NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. CONJUGE NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. e, de outro lado como COMPRADOR(A,ES,AS): NOME: NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. CONJUGE NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. tendo entre si, certo e ajustado as seguintes clausulas e condi&ccedil;&otilde;es: CL&Aacute;USULA PRIMEIRA - DO OBJETO O objeto do presente instrumento particular, funda-se na aliena&ccedil;&atilde;o do seguinte bem im&oacute;vel, a saber: DESCRI&Ccedil;&Atilde;O: ENDERE&Ccedil;O BAIRRO CIDADE/UF &Aacute;REA TOTAL: CART&Oacute;RIO DE REGISTRO DE IM&Oacute;VEIS DA _____ CIRCUNSCRI&Ccedil;&Atilde;O DA COMARCA DE</p>\n' +
    '\n' +
    '<p>Pelo presente Instrumento Particular de Contrato de Compra e Venda de Im&oacute;vel Urbano/Rural, com fundamento nos artigos 481 &agrave; 504 da Lei 10.406/2002, celebram as partes abaixo qualificadas, de um lado como VENDEDOR(A,ES,AS): NOME: NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. CONJUGE NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. e, de outro lado como COMPRADOR(A,ES,AS): NOME: NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. CONJUGE NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. tendo entre si, certo e ajustado as seguintes clausulas e condi&ccedil;&otilde;es: CL&Aacute;USULA PRIMEIRA - DO OBJETO O objeto do presente instrumento particular, funda-se na aliena&ccedil;&atilde;o do seguinte bem im&oacute;vel, a saber: DESCRI&Ccedil;&Atilde;O: ENDERE&Ccedil;O BAIRRO CIDADE/UF &Aacute;REA TOTAL: CART&Oacute;RIO DE REGISTRO DE IM&Oacute;VEIS DA _____ CIRCUNSCRI&Ccedil;&Atilde;O DA COMARCA DE</p>\n' +
    '\n' +
    '<p>Pelo presente Instrumento Particular de Contrato de Compra e Venda de Im&oacute;vel Urbano/Rural, com fundamento nos artigos 481 &agrave; 504 da Lei 10.406/2002, celebram as partes abaixo qualificadas, de um lado como VENDEDOR(A,ES,AS): NOME: NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. CONJUGE NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. e, de outro lado como COMPRADOR(A,ES,AS): NOME: NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. CONJUGE NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. tendo entre si, certo e ajustado as seguintes clausulas e condi&ccedil;&otilde;es: CL&Aacute;USULA PRIMEIRA - DO OBJETO O objeto do presente instrumento particular, funda-se na aliena&ccedil;&atilde;o do seguinte bem im&oacute;vel, a saber: DESCRI&Ccedil;&Atilde;O: ENDERE&Ccedil;O BAIRRO CIDADE/UF &Aacute;REA TOTAL: CART&Oacute;RIO DE REGISTRO DE IM&Oacute;VEIS DA _____ CIRCUNSCRI&Ccedil;&Atilde;O DA COMARCA DE</p>\n' +
    '\n' +
    '<p>Pelo presente Instrumento Particular de Contrato de Compra e Venda de Im&oacute;vel Urbano/Rural, com fundamento nos artigos 481 &agrave; 504 da Lei 10.406/2002, celebram as partes abaixo qualificadas, de um lado como VENDEDOR(A,ES,AS): NOME: NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. CONJUGE NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. e, de outro lado como COMPRADOR(A,ES,AS): NOME: NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. CONJUGE NACIONALIDADE NATURALIDADE ESTADO CIVIL PROFISS&Atilde;O IDENTIDADE CPF/MF n. tendo entre si, certo e ajustado as seguintes clausulas e condi&ccedil;&otilde;es: CL&Aacute;USULA PRIMEIRA - DO OBJETO O objeto do presente instrumento particular, funda-se na aliena&ccedil;&atilde;o do seguinte bem im&oacute;vel, a saber: DESCRI&Ccedil;&Atilde;O: ENDERE&Ccedil;O BAIRRO CIDADE/UF &Aacute;REA TOTAL: CART&Oacute;RIO DE REGISTRO DE IM&Oacute;VEIS DA _____ CIRCUNSCRI&Ccedil;&Atilde;O DA COMARCA DE</p>\n' +
    '\n' +
    '<p>\n' +
    '\t<br>\n' +
    '</p>\n';

0 个答案:

没有答案