react-codemirror

代码预览编辑高亮

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
var React = require('react');
var CodeMirror = require('react-codemirror');
 
var App = React.createClass({
    getInitialState: function() {
        return {
            code: "// Code",
        };
    },
    updateCode: function(newCode) {
        this.setState({
            code: newCode,
        });
    },
    render: function() {
        var options = {
            lineNumbers: true,
        };
        return (
            <CodeMirror
                value={this.state.code}
                onChange={this.updateCode}
                options={options}
            />
        )
    }
});
 
React.render(<App />, document.getElementById('app'));