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>
|