Einfach signieren mit JavaScript

Dieses Tool bietet eine einfach zu integrierende JavaScript Bibliothek, mit der beliebiger Text bzw. PDF Dokumente mit der Handy-Signatur bzw. Bürgerkarte signiert werden können.

Die JavaScript Bibliothek bzw. die PDF Signaturtools werden über die Seite Bürgerkarte.at zentral angeboten und können über diese in wenigen Schritten in beliebige Webseiten integriert werden.


Hier ein Beispiel welches Einfach signieren verwendet.







Technische Anleitung zur Verwendung der JavaScript Bibliothek:

Inkludieren der JavaScript Bibliothek:

<script type="text/javascript" src="https://www.buergerkarte.at/einfach-signieren/pdfas.js"></script>

Diese Bibliothek erzeugt ein JavaScript Objekt pdfAs. Dieses Objekt hat zwei Funktionen signText und signPdf.

signText wird verwendet um einfach Text zu signieren, dabei wird automatisch ein PDF Dokument erzeugt, welches den Text als Inhalt hat:
<script type="text/javascript">
  var op = {
    content: "Der zu signierende Text", // Diese Eigenschaft ist optional, wenn ausgelassen wird dem Benutzer ein Texteingabefeld gezeigt. Dies ist der Inhalt der signiert werden soll.
    connector: "bku", // Diese Eigenschaft ist optional, wenn ausgelassen wird dem Benutzer gefragt. Moegliche Werte sind: "bku" -> Signatur mit der lokalen BKU, "onlinebku" -> Signatur mit der online BKU, "mobilebku" -> Signatur mit der Handy Signatur
    uiId: "exampleDiv", // Diese Eigenschaft ist optional, wenn ausgelassen wird ein Overlay erzeugt. Dies ist die id eines div elements in das das iframe zur Benutzerinteraktion eingefuegt werden soll.
    sig_pos_x: 100, // Die X-Koordinate der links-unten Signaturblockecke.
    sig_pos_y: 100, // Die X-Koordinate der links-unten Signaturblockecke.
    sig_pos_p: 2, // Die Seite auf der der Signaturblock platziert werden soll.
    sig_pos_w: 250, //Die Breite des Signaturblocks
    sig_pos_f: 40 // Die Hoehe der Fuszzeile ueber der der Signaturblock platziert werden soll.
};
   pdfAs.signText(op, function(error, cause) {
    //fehler error aufgetreten wegen cause
  }, function(pdfurl) {
    //signiertes Dokument liegt bei pdfurl
  });
</script>

signPdf wird verwendet um ein PDF Dokument zu signieren:
<script type="text/javascript">
  var op = {
    content: "http://www.example.com/test.pdf", // Diese Eigenschaft ist optional, wenn ausgelassen wird dem Benutzer ein File Upload angezeigt. Dies ist eine URL zum PDF Dokument welches signiert werden soll.
    connector: "bku", // Diese Eigenschaft ist optional, wenn ausgelassen wird dem Benutzer gefragt. Moegliche Werte sind: "bku" -> Signatur mit der lokalen BKU, "onlinebku" -> Signatur mit der online BKU, "mobilebku" -> Signatur mit der Handy Signatur
    uiId: "exampleDiv", // Diese Eigenschaft ist optional, wenn ausgelassen wird ein Overlay erzeugt. Dies ist die id eines div elements in das das iframe zur Benutzerinteraktion eingefuegt werden soll.
    sig_pos_x: 100, // Die X-Koordinate der links-unten Signaturblockecke.
    sig_pos_y: 100, // Die X-Koordinate der links-unten Signaturblockecke.
    sig_pos_p: 2, // Die Seite auf der der Signaturblock platziert werden soll.
    sig_pos_w: 250, //Die Breite des Signaturblocks
    sig_pos_f: 40 // Die Hoehe der Fuszzeile ueber der der Signaturblock platziert werden soll.
  };
  pdfAs.signPdf(op, function(error, cause) {
    //fehler error aufgetreten wegen cause
   }, function(pdfurl) {
     //signiertes Dokument liegt bei pdfurl
  });
</script>