JSFiddle - React, Tailwind, and code Playground

by taberhuang

HTML

<script src="http://bishengjs.com/bower_components/jquery/jquery.js"></script>
<script src="http://bishengjs.com/bower_components/handlebars/handlebars.js"></script>
<script src="http://bishengjs.com/dist/bisheng.js"></script>

<div id="demo" style="background-color:red"></div>

JavaScript

var data = {
        list: [
            {
                name: 'A'
            },
            {
                name: 'B'
            },
            {
                name: 'C'
            }
        ]
    }

var tpl = (function(){/*
  <div data-content="
      <ul>
      {{#each list}}
          <li>{{name}}</li>
      {{/each}}
      </ul>
  ">
  </div>
    */}).toString().split('\n').slice(1,-1).join('\n') + '\n'

BiSheng.bind(data, tpl, function(content) {
    $('#demo').html(content)
})