feat: editor preview tabs, abbr, sup, sub, mark and img size

client/components/editor-code.vue

@@ -113,6 +113,14 @@ import 'codemirror/addon/search/match-highlighter.js'
 import MarkdownIt from 'markdown-it'
 import mdEmoji from 'markdown-it-emoji'
 import mdTaskLists from 'markdown-it-task-lists'
+import mdExpandTabs from 'markdown-it-expand-tabs'
+import mdAbbr from 'markdown-it-abbr'
+import mdSup from 'markdown-it-sup'
+import mdSub from 'markdown-it-sub'
+import mdMark from 'markdown-it-mark'
+import mdImsize from 'markdown-it-imsize'
+
+// Prism (Syntax Highlighting)
 import Prism from '../libs/prism/prism.js'
 
 const md = new MarkdownIt({
@@ -126,6 +134,12 @@ const md = new MarkdownIt({
 })
   .use(mdEmoji)
   .use(mdTaskLists)
+  .use(mdExpandTabs)
+  .use(mdAbbr)
+  .use(mdSup)
+  .use(mdSub)
+  .use(mdMark)
+  .use(mdImsize)
 
 export default {
   components: {

client/scss/components/markdown-content.scss

@@ -39,6 +39,10 @@
     font-size: 1.025rem;
   }
 
+  p + p {
+    margin-top: 1rem;
+  }
+
   // --------------------------------------------
   // Code Blocks
   // --------------------------------------------

dev/webpack/webpack.common.js

@@ -247,5 +247,8 @@ module.exports = {
       'node_modules'
     ]
   },
+  node: {
+    fs: 'empty'
+  },
   target: 'web'
 }

package.json

@@ -85,7 +85,11 @@
     "markdown-it-expand-tabs": "1.0.12",
     "markdown-it-external-links": "0.0.6",
     "markdown-it-footnote": "3.0.1",
+    "markdown-it-imsize": "2.0.1",
+    "markdown-it-mark": "2.0.0",
     "markdown-it-mathjax": "2.0.0",
+    "markdown-it-sub": "1.0.0",
+    "markdown-it-sup": "1.0.0",
     "markdown-it-task-lists": "2.1.0",
     "mathjax-node": "2.0.1",
     "mime-types": "2.1.18",

yarn.lock

@@ -6348,10 +6348,26 @@ markdown-it-footnote@3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/markdown-it-footnote/-/markdown-it-footnote-3.0.1.tgz#7f3730747cacc86e2fe0bf8a17a710f34791517a"
 
+markdown-it-imsize@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/markdown-it-imsize/-/markdown-it-imsize-2.0.1.tgz#cca0427905d05338a247cb9ca9d968c5cddd5170"
+
+markdown-it-mark@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/markdown-it-mark/-/markdown-it-mark-2.0.0.tgz#46a1aa947105aed8188978e0a016179e404f42c7"
+
 markdown-it-mathjax@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/markdown-it-mathjax/-/markdown-it-mathjax-2.0.0.tgz#ae2b4f4c5c719a03f9e475c664f7b2685231d9e9"
 
+markdown-it-sub@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/markdown-it-sub/-/markdown-it-sub-1.0.0.tgz#375fd6026eae7ddcb012497f6411195ea1e3afe8"
+
+markdown-it-sup@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/markdown-it-sup/-/markdown-it-sup-1.0.0.tgz#cb9c9ff91a5255ac08f3fd3d63286e15df0a1fc3"
+
 markdown-it-task-lists@2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/markdown-it-task-lists/-/markdown-it-task-lists-2.1.0.tgz#4594f750f70df053d1dad68024388007c1d20783"