AngularJs – Dokumente mit Docx Templates erstellen

Downloads:

Docx Template anlegen

„template.docx“ Datei erstellen und Platzhalter im Dokument eintragen:
z.B.: Name: {name} Alter: {age}

Dependencies integrieren

<script src="libs/angular.min.js"></script>
<script src="libs/docxtemplater.v2.1.3.min.js"></script>
<script src="libs/FileSaver.min.js"></script>
<script src="libs/jszip-utils.min.js"></script>
<script src="libs/jszip.min.js"></script>

JSZipUtils nutzen um docx zu laden

JSZipUtils.getBinaryContent("template.docx", function(err,template){ ...

Geladenes Template mit Docxgen laden

var doc = new Docxgen().load(template); //Docxgen instaniziieren und Template laden

Daten für Template bereitstellen

doc.setData({
    "name": "Max", // "name" muss als Platzhalter im Template definiert sein!
    "age": 29 // wie bei "name"
}); 

Dokument rendern und speichern

doc.render();  //Render anstossen
var out = doc.getZip().generate({type:"blob"});  //generiert das Dokument
saveAs(out,"output.docx");  //speichert das Dokument