From d0b7884924ac2dd36e1f207a6a587ef2803ad45c Mon Sep 17 00:00:00 2001
From: Cheng Lou <chenglou92@gmail.com>
Date: Wed, 17 Jul 2013 16:22:30 -0400
Subject: [PATCH] textarea format

---
 _js/examples/markdown.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/_js/examples/markdown.js b/_js/examples/markdown.js
index ec70b9550..3cd9d6d56 100644
--- a/_js/examples/markdown.js
+++ b/_js/examples/markdown.js
@@ -11,16 +11,17 @@ var MarkdownEditor = React.createClass({\n\
   getInitialState: function() {\n\
     return {value: 'Type some *markdown* here!'};\n\
   },\n\
-  handleInput: React.autoBind(function() {\n\
+  handleChange: React.autoBind(function() {\n\
     this.setState({value: this.refs.textarea.getDOMNode().value});\n\
   }),\n\
   render: function() {\n\
     return (\n\
       <div className=\"MarkdownEditor\">\n\
         <h3>Input</h3>\n\
-        <textarea onInput={this.handleInput} ref=\"textarea\">\n\
-          {this.state.value}\n\
-        </textarea>\n\
+        <textarea\n\
+          onChange={this.handleChange}\n\
+          ref=\"textarea\"\n\
+          defaultValue={this.state.value} />\n\
         <h3>Output</h3>\n\
         <div\n\
           className=\"content\"\n\
@@ -37,6 +38,6 @@ React.renderComponent(<MarkdownEditor />, mountNode);\
 ";
 
 React.renderComponent(
-  <ReactPlayground codeText={MARKDOWN_COMPONENT} />,
+  ReactPlayground( {codeText:MARKDOWN_COMPONENT}, null ),
   document.getElementById('markdownExample')
 );