Question

这是我的HTML代码。我需要将内容保存为pdf，无论我在文本区域给出什么。通过这段代码，我面临两个问题。

我可以保存pdf，但textarea中没有内容
当我点击as pdf时，它只下载一次，而不是再次。

请帮我解决这个问题

 <!DOCTYPE html>
 <html>
 <head>
 <title>file</title>
 </head>
 <script 
 src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">
 </script>
 <body id="target">
 <p> reason:</p>
 <div>
 <textarea id="content" rows="4" cols="70"></textarea>
 </div>
 <div id="editor"></div>
 <button  id="cmd" onclick="save()">as pdf</button>
  script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
  <script 
  src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js">
  </script>
  <script>
  var doc= new jsPDF();
  var specialElementHandlers = {
  '#editor': function (element,renderer) {
   return true;
   }
   };
   $('#cmd').click(function () {
    doc.fromHTML(
   $('#content').html(), 15, 15, 
   { 'width': 170, 'elementHandlers': specialElementHandlers });
   doc.save('Reason.pdf'); 
    } );
   </script>
   </body>
   </html>

Answer 1

见下文

 <html>
     <head>
     <title>file</title>
     </head>
     <script 
     src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">
     </script>
     <body id="target">
     <p> reason:</p>
     <div>
     <textarea id="content" rows="4" cols="70"></textarea>
     </div>
     <div id="editor"></div>
     <button  id="cmd">as pdf</button>
      <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.min.js">
      </script>
      <script>
      var doc= new jsPDF();
        $('#cmd').click(function () {
          doc.text($('#content').val(), 10, 10);
          doc.save('Reason.pdf'); 
        });
       </script>
       </body>
       </html>

当我点击按钮我需要将textarea中的内容保存为pdf文件时，我在html中有textarea。我该怎么做？

1 个答案: