44 lines
898 B
JavaScript
44 lines
898 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import Editor from '../../../editor';
|
|
import Preview from '../../../preview';
|
|
import codeText from '../modules/examples/example.txt';
|
|
import style from './playground.css';
|
|
|
|
class Playground extends React.Component {
|
|
static propTypes = {
|
|
className: PropTypes.string
|
|
};
|
|
|
|
state = {
|
|
code: codeText
|
|
};
|
|
|
|
handleCodeChange = (code) => {
|
|
this.setState({ code });
|
|
};
|
|
|
|
loadCode (code) {
|
|
this.refs.editor.setCode(code);
|
|
}
|
|
|
|
render () {
|
|
return (
|
|
<aside className={this.props.className}>
|
|
<Editor
|
|
ref="editor"
|
|
className={style.editor}
|
|
codeText={this.state.code}
|
|
onChange={this.handleCodeChange}
|
|
/>
|
|
<Preview
|
|
className={style.preview}
|
|
code={this.state.code}
|
|
/>
|
|
</aside>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Playground;
|