Динамический PDF с html-данными в javascript и JSPDF - PullRequest
0 голосов
/ 05 октября 2018

Что ж, я генерирую pdf, используя jsPDF , но у меня 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');
}

Я видел некоторые вопросы, даже связанные с тем, что мне нужно, но не решил мою проблему в целом, пример однако это, когда я решил только первый и сгенерировал мне еще один, который отображал теги 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';
...