The mustache.js JavaScript library allows us to use simple strings as templates for creating other strings that will be used for various other purposes, such as generating new source code and generating new configuration files. The placeholders are replaced with values using a plain simple object we should create.
The following code sample shows how simple it is to use this famous JavaScript library.
<!DOCTYPE html> <html> <head> <title>mustache demo</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script type="text/javascript" src="mustache.js"> </script> </head> <body> <div id="sample"></div> <script type="text/javascript"> var student = { firstName: "Haim", lastName: "Michael", id: 123434323, average: 98.5 }; var template = "<br/>first name:{{firstName}} <br/>last name:{{lastName}} <br/>id={{id}} <br/>average={{average}}</h1>"; var html = Mustache.to_html(template, student); $('#sample').html(html); </script> </body> </html>
The following video clip goes over this codes sample, shows its execution and explains it.
You can find more video clips and code samples for learning how to use this JavaScript libraries in my Mustache.js Basics new course. You can find its community version available for free personal use at http://abelski.lifemichael.com.