Проблема с преобразованием HTML веб-страниц в PDF - PullRequest
0 голосов
/ 14 июля 2020
• 1000 это не функция "Кто-нибудь может найти ошибку в моем коде. Вот мой код:
{% load static %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Reports Management Unit</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Getting Started with Aloha Editor</title>
    <link rel="stylesheet" href="aloha.css" type="text/css">
    <!-- Load Aloha Editor css and js -->
    <link rel="stylesheet" href="{% static 'Reports_Management_Unit/css/aloha.css' %}" type="text/css">

    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.debug.js"></script>

    <script src="{% static 'Reports_Management_Unit/js/require.js' %}"></script>
    <script src="{% static 'Reports_Management_Unit/js/aloha.js' %}" data-aloha-plugins="common/ui,
          common/format,
          common/table,
          common/list,
          common/link,
          common/highlighteditables,
          common/undo,
          common/contenthandler,
          common/paste,
          common/characterpicker,
          common/commands,
          common/block,
          common/image,
          common/abbr,
          common/horizontalruler,
          common/align,
          common/dom-to-xhtml,
          extra/textcolor,
          extra/formatlesspaste,
          extra/hints,
          extra/toc,
          extra/headerids,
          extra/listenforcer,
          extra/metaview,
          extra/numerated-headers,
          extra/ribbon,
          extra/textcolor,
          extra/wai-lang,
          extra/linkbrowser,
          extra/imagebrowser,
          extra/cite"></script>

    <style>
        table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: 100%;
        }

        td,
        th {
            border: 1px solid #dddddd;
            text-align: left;
            padding: 8px;
        }

        tr:nth-child(even) {
            background-color: #dddddd;
        }
    </style>
</head>

<body style="height: 1500px;">
    <div id="main" id="someHtml">
        <div id="content">
            <p>Getting started with Aloha Editor!</p>
            <table class="aloha-ephemera-attr aloha-table">
                <tr>
                    <th>Company</th>
                    <th>Contact</th>
                    <th>Country</th>
                </tr>
                <tr>
                    <td>Alfreds Futterkiste</td>
                    <td>Maria Anders</td>
                    <td>Germany</td>
                </tr>
                <tr>
                    <td>Centro comercial Moctezuma</td>
                    <td>Francisco Chang</td>
                    <td>Mexico</td>
                </tr>
                <tr>
                    <td>Ernst Handel</td>
                    <td>Roland Mendel</td>
                    <td>Austria</td>
                </tr>
                <tr>
                    <td>Island Trading</td>
                    <td>Helen Bennett</td>
                    <td>UK</td>
                </tr>
                <tr>
                    <td>Laughing Bacchus Winecellars</td>
                    <td>Yoshi Tannamuri</td>
                    <td>Canada</td>
                </tr>
                <tr>
                    <td>Magazzini Alimentari Riuniti</td>
                    <td>Giovanni Rovelli</td>
                    <td>Italy</td>
                </tr>
            </table>

            <ul>
                <li>Coffee</li>
                <li>Tea</li>
                <li>Milk</li>
            </ul>
        </div>
    </div>

   <button onclick="generatePdf()">Save PDF</button>

    <script type="text/javascript">
        Aloha.ready(function () {
            Aloha.jQuery('#content').aloha();
        });
    </script>

    <script type="text/javascript">
        var testDivElement = document.getElementById('main');
        function generatePdf(){
            var imgData;
            
            html2canvas($("#main"),{
                useCORS:true,
                onrendered:function(canvas){
                    imgData=canvas.get(0).toDataURL('img/png');
                    

                    var doc=new jsPDF('p','pt','a4');

                    doc.addImage(imgData,'PNG',10,10);

                    doc.save('sample.pdf');

                    window.open(imgData)
                }
            })


        }
    </script>


   

</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...