| 1 | <!doctype html>
|
| 2 | <html>
|
| 3 | <head>
|
| 4 | <meta charset="utf-8">
|
| 5 | <title>Hello world</title>
|
| 6 | <script src="../node_modules/js-beautify/js/lib/beautify.js"></script>
|
| 7 | <script src="../node_modules/escaper/dist/escaper.min.js"></script>
|
| 8 | <script src="../node_modules/esprima/dist/esprima.js"></script>
|
| 9 | <script src="../dist/snakeskin.min.js"></script>
|
| 10 | </head>
|
| 11 |
|
| 12 | <body>
|
| 13 | <div id="test"></div>
|
| 14 |
|
| 15 | <script type="text/x-snakeskin-template" id="templates">
|
| 16 | - namespace demo
|
| 17 | - template helloWorld(name = 'world')
|
| 18 | < .hello
|
| 19 | Hello {name}!
|
| 20 | </script>
|
| 21 |
|
| 22 | <script>
|
| 23 | var d = {};
|
| 24 | Snakeskin.compile(document.getElementById('templates'), {debug: d, prettyPrint: true});
|
| 25 |
|
| 26 | document.getElementById('test').innerHTML = demo.helloWorld();
|
| 27 | </script>
|
| 28 | </body>
|
| 29 | </html>
|