feat: taas job editor improvements

deploy it to TEST01

Author: maxceem

src/components/TuiEditor/TuiEditor.scss

@@ -8,11 +8,11 @@
       all: revert;
       font-size: 24px;
     }
-  } 
+  }
 
-  b, 
+  b,
   i,
-  s, 
+  s,
   hr,
   blockquote,
   ul,
@@ -33,7 +33,7 @@
     // add style for heading list in  headings selection popup, because 'all:revert' has been setted before
     .te-heading-add ul {
       list-style: none;
-    }    
+    }
 
     // hide uplodd file
     .tui-editor-popup{

src/components/TuiEditor/index.jsx

@@ -1,5 +1,5 @@
 /*
- *  TuiEditor 
+ *  TuiEditor
  *  wrap toast-ui editor with react and support react 15
  */
 
@@ -132,7 +132,7 @@ TuiEditor.propTypes = {
   // use default htmlSanitizer
   useDefaultHTMLSanitizer: PropTypes.bool,
   // toolbar items.
-  toolbarItems: PropTypes.arrayOf(PropTypes.object),
+  toolbarItems: PropTypes.arrayOf(PropTypes.oneOfType(PropTypes.object, PropTypes.string)),
   // 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

src/projects/detail/components/DescriptionField/DescriptionField.scss

@@ -0,0 +1,18 @@
+@import '~tc-ui/src/styles/tc-includes';
+
+.description-editor {
+  :global {
+    .tui-editor-contents {
+      code {
+        background-color: transparent;
+        color: inherit;
+      }
+
+      pre {
+        background-color: transparent;
+        color: inherit;
+        padding: 0;
+      }
+    }
+  }
+}

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

@@ -6,10 +6,30 @@ import React from 'react'
 import PropTypes from 'prop-types'
 
 import TuiEditor from '../../../../components/TuiEditor'
+import './DescriptionField.scss'
 
 const DescriptionField = (props) => (
   <TuiEditor
     {...props}
+    toolbarItems={[
+      'heading',
+      'bold',
+      'italic',
+      'strike',
+      'code',
+      'divider',
+      'quote',
+      'codeblock',
+      'hr',
+      'divider',
+      'ul',
+      'ol',
+      'divider',
+      'image',
+      'link',
+    ]}
+    plugins={[]}
+    styleName="description-editor"
     previewStyle="vertical"
     height="400px"
     hideModeSwitch