added: jsdocs comments, removed: redundant plugins

Author: prathamVaidya

stories/Configure.mdx

@@ -17,6 +17,12 @@ const parser = (htmlCode) => {
   return HtmlToMarkdown.turndown(htmlCode);
 };
 
+/**
+ * This Markdown editor is implemented using TinyMCE and Supercode.
+ *  Using the `renderer` and `parser` methods TinyMCE can be converted
+ *  into a format Editor for any language. Also note that few tools like 
+ * indentation, text color, alignment has no effect on markdown, so its better to not add them in toolbar.
+ */
 export default function MarkdownEditor({ skin = 'oxide', initialValue}) {
   const editorRef = React.useRef(null);
   const [value, setValue] = React.useState(renderer(initialValue)); // the actual value will be HTML. Parse it when needed.
@@ -34,14 +40,13 @@ export default function MarkdownEditor({ skin = 'oxide', initialValue}) {
         }}
         init={{
           plugins: [
-            'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview',
-            'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen',
-            'insertdatetime', 'media', 'table', 'code', 'help',  'supercode'
+            'autolink', 'lists', 'link', 'anchor', 'searchreplace', 'visualblocks', 'fullscreen',
+            'table', 'help', 'supercode'
           ],
           toolbar: 'undo redo | blocks | ' +
-            'bold italic forecolor | alignleft aligncenter ' +
-            'alignright alignjustify | bullist numlist | ' +
-            'codeeditor | supercode',
+            'bold italic underline' +
+            '| bullist numlist | ' +
+            'supercode',
           skin,
           base_url: '/tinymce',
           promotion: false,

stories/MarkdownEditor.jsx

@@ -38,9 +38,8 @@ export default function TinymceEditor({ skin = 'oxide', mode, value, size = 'non
   const modes = {
     "super" : {
       plugins: [
-        'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview',
-        'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen',
-        'insertdatetime', 'media', 'table', 'code', 'help',  'supercode'
+        'advlist', 'autolink', 'lists', 'link', 'anchor',
+        'searchreplace', 'visualblocks', 'table', 'help', 'supercode'
       ],
       toolbar: 'undo redo | blocks | ' +
         'bold italic forecolor | alignleft aligncenter ' +
@@ -49,9 +48,8 @@ export default function TinymceEditor({ skin = 'oxide', mode, value, size = 'non
     },
     "classic" : {
       plugins: [
-        'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview',
-        'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen',
-        'insertdatetime', 'media', 'table', 'code', 'help',  'code'
+        'advlist', 'autolink', 'lists', 'link', 'anchor',
+        'searchreplace', 'visualblocks', 'table', 'help', 'code'
       ],
       toolbar: 'undo redo | blocks | ' +
         'bold italic forecolor | alignleft aligncenter ' +