helper.html 891 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>helper-demo</title>
  6. <script src="../dist/template.js"></script>
  7. </head>
  8. <body>
  9. <h1>辅助方法</h1>
  10. <div id="content"></div>
  11. <script id="test" type="text/html">
  12. <%=$ubb2html(text)%>
  13. </script>
  14. <script>
  15. template.helper('$ubb2html', function (content) {
  16. return content
  17. .replace(/\[b\]([^\[]*?)\[\/b\]/igm, '<b>$1</b>')
  18. .replace(/\[i\]([^\[]*?)\[\/i\]/igm, '<i>$1</i>')
  19. .replace(/\[u\]([^\[]*?)\[\/u\]/igm, '<u>$1</u>')
  20. .replace(/\[url=([^\]]*)\]([^\[]*?)\[\/url\]/igm, '<a href="$1">$2</a>')
  21. .replace(/\[img\]([^\[]*?)\[\/img\]/igm, '<img src="$1" />');
  22. });
  23. // 如果要访问 Math 则:template.helper('Math', Math)
  24. var data = {
  25. text: '我是辅助方法[b]加粗[/b]的'
  26. };
  27. var html = template.render('test', data);
  28. document.getElementById('content').innerHTML = html;
  29. </script>
  30. </body>
  31. </html>