WIP: input with textarea

resource/js/components/PageEditor.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
+import FormControl from 'react-bootstrap/es/FormControl';
 import * as toastr from 'toastr';
 import { throttle, debounce } from 'throttle-debounce';
 
@@ -365,7 +366,7 @@ export default class PageEditor extends React.Component {
 
     return (
       <div className="row">
-        <div className="col-md-6 col-sm-12 page-editor-editor-container">
+        <div className="col-md-6 hidden-sm hidden-xs page-editor-editor-container">
           <Editor ref="editor" value={this.state.markdown}
             editorOptions={this.state.editorOptions}
             isUploadable={this.state.isUploadable}
@@ -378,6 +379,12 @@ export default class PageEditor extends React.Component {
             onUpload={this.onUpload}
           />
         </div>
+        <div className="col-sm-12 visible-sm visible-xs page-editor-mobileeditor-container">
+          <FormControl componentClass="textarea" defaultValue={this.state.markdown}
+            onChange={(e) => {
+              this.onMarkdownChanged(e.target.value);
+            }} />
+        </div>
         <div className="col-md-6 hidden-sm hidden-xs page-editor-preview-container">
           <Preview html={this.state.html}
             inputRef={el => this.previewElement = el}