feat: render task list

src/App.js

@@ -13,7 +13,7 @@ import {
     faListOl,
     faTasks,
  } from '@fortawesome/free-solid-svg-icons'
-import RichEditor from './RichEditor';
+// import RichEditor from './RichEditor';
 import MarkdownEditor from './MarkdownEditor';
 import './App.css'
 
@@ -34,7 +34,7 @@ class App extends Component {
   render() {
     return (
       <div className="main">
-        <RichEditor />
+        {/* <RichEditor /> */}
         <hr></hr>
         <MarkdownEditor />
       </div>

src/MarkdownEditor/index.css

@@ -1,4 +1,4 @@
-.container {
+/* .container {
   width: 100%;
   height: 300px;
-}
+} */

src/MarkdownEditor/index.js

@@ -31,7 +31,12 @@ export default class MarkdownEditor extends React.Component {
         this.state = {
             mdeState: null,
         };
-        this.converter = new Showdown.Converter({tables: true, simplifiedAutoLink: true});
+        this.converter = new Showdown.Converter({
+            tables: true,
+            simplifiedAutoLink: true,
+            strikethrough: true,
+            tasklists: true
+        });
     }
 
     handleValueChange = (mdeState) => {