fix: add Prop-type

Author: yoution

src/components/TuiEditor/TuiEditor.scss

@@ -35,11 +35,6 @@
       list-style: none;
     }    
 
-    // hide 'wysiwyg' and 'markdown' bottom selection
-    .tui-editor-defaultUI .te-mode-switch-section {
-      display: none !important
-    }
-
     // hide uplodd file
     .tui-editor-popup{
         box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.26);

src/components/TuiEditor/index.jsx

@@ -79,12 +79,76 @@ class TuiEditor extends React.Component {
 }
 
 
+TuiEditor.defaultProps = {
+  height: '300px',
+  minHeight: '300px',
+  initialValue: '',
+  previewStyle: '',
+  initialEditType: 'wysiwyg',
+  language: 'en-US',
+  useCommandShortcut: true,
+  customHTMLSanitizer: null,
+  frontMatter: false,
+  hideModeSwitch: false,
+  referenceDefinition:false,
+  usageStatistics: false,
+  useDefaultHTMLSanitizer:  true
+}
+
 TuiEditor.propTypes = {
-  onChange: PropTypes.func.isRequired,
+  className: PropTypes.string,
+  // Markdown editor's preview style (tab, vertical)
   previewStyle: PropTypes.string.isRequired,
-  height: PropTypes.string.isRequired,
-  initialEditType: PropTypes.string.isRequired,
+  // Editor's height style value. Height is applied as border-box ex) '300px', '100%', 'auto'
+  height: PropTypes.string,
+  // Initial editor type (markdown, wysiwyg)
+  initialEditType: PropTypes.string,
+  // Editor's initial value
   initialValue: PropTypes.string,
+  // Editor's min-height style value in pixel ex) '300px'
+  minHeight: PropTypes.string,
+  // The placeholder text of the editable element.
+  placeholder: PropTypes.string,
+  // hide mode switch tab bar
+  hideModeSwitch: PropTypes.bool,
+  // language, 'en-US'
+  language: PropTypes.string,
+  // whether use keyboard shortcuts to perform commands
+  useCommandShortcut: PropTypes.bool,
+  // It would be emitted when editor fully load1
+  onLoad: PropTypes.func,
+  // It would be emitted when content changed
+  onChange: PropTypes.func,
+  // It would be emitted when format change by cursor position
+  onStateChange: PropTypes.func,
+  // It would be emitted when editor get focus
+  onFocus: PropTypes.func,
+  // It would be emitted when editor loose focus
+  onBlur: PropTypes.func,
+  // hooks
+  hooks: PropTypes.arrayOf(PropTypes.object),
+  // send hostname to google analytics
+  usageStatistics: PropTypes.bool,
+  // use default htmlSanitizer
+  useDefaultHTMLSanitizer: PropTypes.bool,
+  // toolbar items.
+  toolbarItems: PropTypes.arrayOf(PropTypes.object),
+  // Array of plugins. A plugin can be either a function or an array in the form of [function, options].
+  plugins: PropTypes.arrayOf(PropTypes.object),
+  // Using extended Autolinks specified in GFM spec
+  extendedAutolinks: PropTypes.object,
+  // convertor extention
+  customConvertor: PropTypes.object,
+  // Attributes of anchor element that should be rel, target, contenteditable, hreflang, type
+  linkAttribute: PropTypes.object,
+  // Object containing custom renderer functions correspond to markdown node
+  customHTMLRenderer: PropTypes.object,
+  // whether use the specification of link reference definition
+  referenceDefinition: PropTypes.bool,
+  // custom HTML sanitizer
+  customHTMLSanitizer: PropTypes.func,
+  // whether use the front matter
+  frontMatter: PropTypes.bool
 }
 
 export default TuiEditor

src/projects/detail/components/DescriptionField/index.jsx

@@ -12,6 +12,7 @@ const DescriptionField = (props) => (
     {...props}
     previewStyle="vertical"
     height="400px"
+    hideModeSwitch
     initialEditType="wysiwyg"
     initialValue={props.value}
   />