mirror of
https://github.com/reactjs/react.dev.git
synced 2026-02-25 23:05:23 +00:00
33c7ee6112
I kept some places intact (search for @jsx) because they require other bigger changes: - ref-01-top-level-api.md - grunt/tasks/npm.js - old blog posts (don't change those) - examples/ folder, as they have their own package.json that rely on old dependencies (node-jsx, reactify) that haven't upgraded to 0.12
38 lines
1015 B
JavaScript
38 lines
1015 B
JavaScript
var MARKDOWN_COMPONENT = "\
|
|
var converter = new Showdown.converter();\n\
|
|
\n\
|
|
var MarkdownEditor = React.createClass({\n\
|
|
getInitialState: function() {\n\
|
|
return {value: 'Type some *markdown* here!'};\n\
|
|
},\n\
|
|
handleChange: 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\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: converter.makeHtml(this.state.value)\n\
|
|
}}\n\
|
|
/>\n\
|
|
</div>\n\
|
|
);\n\
|
|
}\n\
|
|
});\n\
|
|
\n\
|
|
React.renderComponent(<MarkdownEditor />, mountNode);\
|
|
";
|
|
|
|
React.renderComponent(
|
|
<ReactPlayground codeText={MARKDOWN_COMPONENT} />,
|
|
document.getElementById('markdownExample')
|
|
);
|