Variables: Use {tagName} to replace variables

	=> Results in:
Code Used: new DocxGen().loadFromFile("tagExample.docx",{async:true}).success(function(doc){ doc.setTags( {"first_name":"Hipp", "last_name":"Edgar", "phone":"0652455478", "description":"New Website" } ) //set the templateVariables doc.applyTags() //apply them (replace all occurences of {first_name} by Hipp, ...) doc.output() //Output the document using Data-URI });

Formating: DocxGen doesn't ever change your formatting!

	=> Results in:
Code Used: new DocxGen().loadFromFile("tagFormating.docx",{async:true}).success(function(doc){ doc.setTags({ "first_name":"Hipp", "last_name":"Edgar", "phone":"0652455478", "description":"New Website" }); //set the templateVariables doc.applyTags() //apply them (replace all occurences of {first_name} by Hipp, ...) doc.output() //Output the document using Data-URI });

Parsing we enable you to use Angular Like Syntax

To enable this in the browser, you need to include vendor/angular-parser-browser.js

	=> Results in:
Code Used: expressions= require('angular-expressions') angularParser= function(tag){ expr=expressions.compile(tag); return {get:expr}; } new DocxGen().loadFromFile("angularExample.docx",{async:true,parser:angularParser}).success(function(doc){ doc.setTags({ person:{ first_name:"Hipp", last_name:"Edgar", birth_year:1955, age:59 }}); //set the templateVariables doc.applyTags() //apply them (replace all occurences of {first_name} by Hipp, ...) doc.output() //Output the document using Data-URI });

Loops: You can use the mustache like syntax: {#tagName} {/tagname} to loop inside an array

tagName has to be an array of objects, every element of the array will be used to output what is between the opening loop tag and the closing loop tag.

	=> Results in:
Code Used: new DocxGen().loadFromFile("tagLooping.docx",{async:true}).success(function(doc){ doc.setTags({ "products": [{ "title":"Duk", "name":"DukSoftware", "reference":"DS0" },{ "title":"Tingerloo", "name":"Tingerlee", "reference":"T00" }]}); //set the templateVariables doc.applyTags() //apply them doc.output() //Output the document using Data-URI });

Tables: loops work inside tables too!

This also works with Bullet Lists

	=> Results in:
Code Used: var doc= new DocxGen().loadFromFile("tagIntelligentLoopTable.docx",{async:true,intelligentTagging:true}).success(function(doc){ doc.setTags({ "clients":[{ "first_name":"John", "last_name":"Doe", "phone":"+44546546454" },{ "first_name":"Jane", "last_name":"Doe", "phone":"+445476454" }]}); //set the templateVariables doc.applyTags() //apply them doc.output() //Output the document using Data-URI });

lists: dash (-) loops works for any element

This could work for lists, paragraphs, or any element that could be repeated. The syntax is {-element name} {/name}. When encountering such an element, docxgen will search for the first parent element that equals element, and loop over this.

	=> Results in:
Code Used: var doc= new DocxGen().loadFromFile("tagDashLoopList.docx",{async:true}).success(function(doc){ doc.setTags( {"os":[{"type":"linux","price":"0","reference":"Ubuntu10"},{"type":"windows","price":"500","reference":"Win7"},{"type":"apple","price":"1200","reference":"MACOSX"}]} ) doc.applyTags() doc.output() });

Naming: Don't wanna see download.docx ?

Sorry mate, if you want this, you're going to need flash :-(. This will open up a flash popup that will prompt the user to save the file where he wants to

	=> Results in:
Code Used: new DocxGen().loadFromFile("tagExample.docx",{async:true}).success(function(doc){ doc.setTags({ "first_name":"Hipp", "last_name":"Edgar", "phone":"0652455478", "description":"New Website" }); doc.applyTags() doc.download('../vendor/downloadify/media/downloadify.swf','../vendor/downloadify/images/download.png',"taggedDoc.docx") });
You must have Flash 10 installed to download this file.

QrCode:Replace a specific image

If you scan the qrcode on the left, you will get the value "Firefox_logo.png" So docxtemplater will load that image and replace the image, keeping the style of the original image (which is really great). You can put tags inside string if you want. For example put "{name}.png" and the image will be loaded depending on the tags. Important: the qrCode functionality only works for PNG, I don't think I will enable this for other fileformats in the near future.

	=> Results in:
Code Used: new DocxGen().loadFromFile("qrCodeExample.docx",{async:true,intelligentTagging:false,qrCode:true}).success(function(doc){ doc.finishedCallback=function(){doc.output()} //Set the callback to run when the docx has been created (because the qrcode operation is async) doc.applyTags(); });

QrCode:Replace many images

If you scan the qrcode on the left, you will get "{image}.png". Because the qrcode is inside a loop (inside a loop tag {#images} {/images}), it will loop over the array defined underneath: {'images':[{image:'Firefox_logo'},{image:'image'}]}. So this will replace the whole by two images, the first one being the logo of firefox_logo, the second image.png . To create your own qrcodes, I recommend you http://qrcode.kaywa.com with the static option

	=> Results in:
Code Used: new DocxGen().loadFromFile("qrCodeTaggingLoopExample.docx",{async:true,intelligentTagging:false,qrCode:true}).success(function(doc){ doc.finishedCallback=function(){doc.output()} //Set the callback to run when the docx has been created (because the qrcode operation is async) doc.applyTags({'images':[{image:'Firefox_logo'},{image:'image'}]}); });

Embed your own XML

You can embed your own XML using the {@rawXml} syntax. DocXTemplater will replace the containing w:p tag to the xml you enter in the json. This can be particularly useful to embed: tables, user input that could be bold, italics, change the size, color, or whatever. However, you can't create some graphs, smartarts because they use multiple files and not just the one you're in.

	=> Results in:
Code Used: new DocxGen().loadFromFile("xmlInsertionExample.docx",{async:true}).success(function(doc){ doc.applyTags({complexXml:'<w:p><w:pPr><w:rPr><w:color w:val="FF0000"/></w:rPr></w:pPr><w:r><w:rPr><w:color w:val="FF0000"/></w:rPr><w:t>My custom</w:t></w:r><w:r><w:rPr><w:color w:val="00FF00"/></w:rPr><w:t>XML</w:t></w:r></w:p>'}); doc.output() });