mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
36 lines
956 B
JavaScript
36 lines
956 B
JavaScript
var MARKDOWN_COMPONENT = ("\nvar MarkdownEditor = React.createClass({\n getInitialState: function() {\n return {value: 'Type some *markdown* here!'};\n },\n handleChange: function() {\n this.setState({value: React.findDOMNode(this.refs.textarea).value});\n },\n render: function() {\n return (\n <div className=\"MarkdownEditor\">\n <h3>Input</h3>\n <textarea\n onChange={this.handleChange}\n ref=\"textarea\"\n defaultValue={this.state.value} />\n <h3>Output</h3>\n <div\n className=\"content\"\n dangerouslySetInnerHTML={{\n __html: marked(this.state.value, {sanitize: true})\n }}\n />\n </div>\n );\n }\n});\n\nReact.render(<MarkdownEditor />, mountNode);\n"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
);
|
|
|
|
React.render(
|
|
React.createElement(ReactPlayground, {codeText: MARKDOWN_COMPONENT}),
|
|
document.getElementById('markdownExample')
|
|
);
|