JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fb.me/react-with-addons-0.12.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

JavaScript 1.7

function textarea2editor(parent){
    var $parent= jQuery(parent);
    var $editor = jQuery('<div contenteditable/>');
    $editor.css('background', "#333");
    $editor.css("color", "#efefef");
    $parent.find('textarea').replaceWith($editor);
    /*...*/
    return {
        setText: function (text){
             $editor.html(text);
        },
        /*...*/
    }    
}

var ReactIgnore = React.createClass({
    displayName: 'ReactIgnore',
    shouldComponentUpdate: function(){
        return false;
    },
 
    render: function (){
        return React.Children.only(this.props.children);
    }
});

var App = React.createClass({
    getInitialState: function(){
        return {
            name: null
        }
    },
    
    componentDidMount: function(){
        this.editor = textarea2editor(this.getDOMNode());
        this.editor.setText(this.props.contents);
    },
    
    componentDidUpdate: function(){
        this.editor.setText(this.props.contents);
    },
    
    render: function() {
        return (
            <div>
                <ReactIgnore>
                    <textarea value={this.props.contents}/>
                </ReactIgnore>
            </div>
        )
    }
});

var Component = React.render(<App contents="#./configure" />, document.body);
setTimeout(function(){
    Component.setProps({
        contents: "#/.configure<br/>#make"
    });
}, 1000);
setTimeout(function(){
    Component.setProps({
        contents: "#/.configure<br/>#make<br/>#make install"
    });
}, 2000);