batman.js template

by johnthethird

HTML

<script src="http://github.com/Shopify/batman/raw/master/lib/es5-shim.js"></script>
<link rel="stylesheet" href="http://batmanjs.org/examples/resources/reset.css">
<script src="https://github.com/shopify/batman/raw/master/lib/batman.js"></script>
<div id="container"> 
    Article Body:
    <div data-bind="article.body"></div>

    Raw Article Body:
    <div data-bind="article.body | raw"></div>

    Article Body:<br/>
    <input type="TEXT" data-bind="article.body" /><br/>

    Raw Article Body:<br/>
    <input type="TEXT" data-bind="article.body | raw" /><br/>

    Edit Article Body:<br />
    <textarea data-bind="article.body"></textarea>

    Raw Edit Article Body (not two-way due to raw filter):
    <textarea data-bind="article.body | raw"></textarea>

</div>




























































<!-- This enables us to run coffeescript below. --->
<script>(function(){var s="script",n='\n',d=document,b=d.getElementsByTagName(s);b=b[b.length-2].innerHTML.split(n); d.write('<'+s+' type="text/coffeescript">'+b.slice(2,b.length-2).join(n)+'</'+s+'>');})()</script>

CSS

body {
    background-color: #f0f0f0;
}

#container {
    display: block;
    width: 400px;
    margin: 0 auto;
    margin-top: 30px;
}

div {margin-bottom: 10px}
input[type='text'] {width: 300px;}

CoffeeScript

# batman.js jsfiddle Template ©2011 CJ Lazell
class Hello extends Batman.App

class Article extends Batman.Model
  body: '<b>Article body with html tags</b>'
  
Hello.article = new Article()
Hello.run()