Ich bin ein Lehrer, der an einem Projekt arbeitet, das ich letzten Sommer begonnen habe. Ich versuche nun, ein Formular, das ich in HTML erstellt habe, in ein PDF zu konvertieren. Schließlich möchte ich, dass dieses PDF in einer mySQL-Datenbank gespeichert und an einen bestimmten Drucker in unserem Netzwerk gedruckt wird.Probleme beim Konvertieren von HTML in PDF mit jspdf
Das Problem, das ich habe, ist, dass nichts passiert. Die Seite wird nicht in eine PDF-Datei umgewandelt. Ich habe mir einige Beispiele dieses Prozesses angeschaut und der Code scheint nichts zu tun.
Hier ist mein HTML-Formular enthält
-------------------------- HTML Begin ------- -------------------------------
<!DOCTYPE html>
<html>
<?php
$img_1 = 'new_checkbox_empty.gif';
?>
<head>
<title>OUSD URF</title>
</head>
<body>
<div id="urfForm">
<center>
<table border="1" width="100%">
<table width="100%">
<tr>
<td><IMG SRC="OUSD_URF_Logo.jpg"></td>
<td>Universal Office Discipline Referral Form</td>
</tr>
</table>
<table width="100%">
<tr>
<td>Student________________________</td>
<td>Grade______</td>
<td>Referring Staff___________________________</td>
<td>Date_________</td>
<td>Time_________</td>
</tr>
</table>
<HR width="100%">
<table border="1" width="100%">
<thead>Pre-referral Interventions (For Minor Behaviors). Before making an office Referral, please complete at least 3 pre-referral interventions.<br>Minor Behaviors may include: Disrespect/non-compliance, Dress code Violation, Electronic Device, Horseplay, Inappropriate language, Inappropriate physical contact, Misuse/destruction of property, Tardy</thead>
<tr>
<td width="33%"><IMG SRC="<?php echo $img_1?>" style="margin: 0px 5px" style="margin: 0px 5px">5-1 Positive Reinforcement</td>
<td width="33%"><IMG SRC="new_checkbox_empty.gif" style="margin: 0px 5px" style="margin: 0px 5px">Parent Consultation</td>
<td width="33%"><IMG SRC="new_checkbox_empty.gif" style="margin: 0px 5px" style="margin: 0px 5px">Restorative Conversation</td>
</tr>
<tr>
<td><IMG SRC="new_checkbox_empty.gif" style="margin: 0px 5px">Buddy Room (15 Minutes Max)</td>
<td><IMG SRC="new_checkbox_empty.gif" style="margin: 0px 5px">Problem Solving Conference</td>
<td><IMG SRC="new_checkbox_empty.gif" style="margin: 0px 5px">Reviewed IEP/504</td>
</tr>
<tr>
<td><IMG SRC="new_checkbox_empty.gif" style="margin: 0px 5px">Behavior Contract</td>
<td><IMG SRC="new_checkbox_empty.gif" style="margin: 0px 5px">Prompting Desired Behavior</td>
<td><IMG SRC="new_checkbox_empty.gif" style="margin: 0px 5px">Re-teaching Desired Behavior</td>
</tr>
<tr>
<td><IMG SRC="new_checkbox_empty.gif" style="margin: 0px 5px">Conflict Mediation</td>
<td><IMG SRC="new_checkbox_empty.gif" style="margin: 0px 5px">Proximity or Seat change</td>
<td><IMG SRC="new_checkbox_empty.gif" style="margin: 0px 5px">Reviewed IEP/504</td>
</tr>
<tr>
<td colspan="2"><IMG SRC="new_checkbox_empty.gif" style="margin: 0px 5px">Explicitly taught & Rehearsed Rules & Expectations</td>
</tr>
</table>
</table>
</center>
</div>
<br><br>
<a href="javascript:urf2PDF()">Submit Form</a>
<hr />
<script src="jsPDF/jspdf.js"></script>
<script src="jsPDF/jquery.js"></script>
<script src="jsPDF/test.js"></script>
</body>
</html>
------------ ------------- HTML beenden ----------------------------------- -----
Und hier mein js
----------------------------- Begin JS- -----------------------------------
function urf2PDF() {
var doc = new jsPDF('p', 'pt', 'letter');
source = $('#urfForm') [0];
var specialElementHandlers = {
'#bypassme': function(element, renderer){
return true
}
};
margins = {
top: 40,
left: 50,
width: 545
};
pdf.fromHTML(
source
, margins.left
, margins.top
, {
'width" : margins.width
, 'elementHandlers': specialElementHandlers
},
function (dispose) {
pdf.save('urfForm.pdf');
}
)
}
------------------------- Ende JS ---------------- -------------------------
Vielen Dank im Voraus für Ihre Hilfe.
-Kenny
Kann? Bitte machen Sie eine Änderung, um das Problem zu beschreiben? – 4castle
Nichts ist passiert. Es ist keine Datei erstellt. Kein Bildschirm geöffnet, um anzuzeigen, dass eine PDF erstellt wurde. – KenWill1978
Ich schaute auf, was Sie zur Verfügung gestellt Zan zeigt, dass da ein Tippfehler ist, fixiere das definitiv. Abgesehen davon müssen Sie 'plugins/from_html.js' einfügen, um 'doc.fromHTML()' aufrufen zu können. Es gibt einen undefinierten PDF-Fehler, den Sie so lange erhalten werden, bis Sie ihn einfügen. ---- 'from_html.js: 537 Uncaught TypeError: renderer.pdf.sHashCode ist keine Funktion' - das ist das nächste Problem, das ich stieß. Ich empfehle Ihnen, die ersten 2 Fixes zu implementieren und möglicherweise Ihre Bibliotheken zu aktualisieren. Dieses Problem wurde möglicherweise in neueren Versionen von pdfJS behoben. Viel Glück! – Conceptz