JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://fb.me/react-with-addons-0.11.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.11.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
JavaScript 1.7
/** @jsx React.DOM */
var ContentEditable = React.createClass({
emitChange: function(){
var html = this.getDOMNode().innerHTML;
this.setState({html: html})
},
getInitialState: function() {
return {html: "<b>test</b>"}
},
shouldComponentUpdate: function(){
return true;
},
render: function(){
return <div
onInput={this.emitChange}
contentEditable
dangerouslySetInnerHTML={{__html: this.state.html}}></div>;
}
});
React.renderComponent(<ContentEditable />, document.body);