JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.rc.1.js"></script>
<script src="https://github.com/xqiu/xqiuSamples/blob/master/Files/ember-master01142013.js"></script>
        <script type="text/x-handlebars" data-template-name="myTemplate">
            <button {{action clickButton target="App.indexController"}} >MyButton1</button>
            {{view App.MyView placeholder="Input something 1 and enter"}}
        </script>

JavaScript

App = Em.Application.create({
  ready: function () {
  }
});

App.Router.map(function () {
  this.route("index", { path: "/" });  //master 01142013 syntax
});
App.IndexRoute = Ember.Route.extend({
  renderTemplate: function () {
    this.render('myTemplate', {controller: 'indexController'});
  }
});

App.indexController = Ember.Controller.extend({
  clickButton: function () {
    alert("clickButton");
  }
});

App.MyView = Em.TextField.extend({
  insertNewline: function (evt) {
    alert("enter pressed");
  }
});