Dynamic PDF with html data in javascript and JSPDF

0

Well I'm generating pdf using jsPDF but I'm having 2 problems.

  • Just getting a page.
  • You are not having a line break.
  • I tried to use some functions of jsPDF but I did not have success in any of them.

    PDF being saved can be downloaded and viewed through this link.

     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');
    }
    

    I saw some questions even related to what I need but did not solve my problem as a whole, example is this but when I did solved only the first and generated me another that was to display the HTML tags.

    The object I need to print is similar to this, it has htmls and css mixing tags, it will be generated by 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';
    
        
    asked by anonymous 05.10.2018 / 17:47

    0 answers