diff --git a/docs/src/about_guide.md b/docs/src/about_guide.md
index 6f709b580d..3c5e34b4b7 100644
--- a/docs/src/about_guide.md
+++ b/docs/src/about_guide.md
@@ -35,6 +35,8 @@ Horizontal Rule
\--- | Horizontal Rule
\*\*\* | Horizontal Rule
\`Inline code\` with backticks | |`Inline code` with backticks
\`\`\`
\# code block
print '3 backticks or'
print 'indent 4 spaces'
\`\`\` | ····\# code block
····print '3 backticks or'
····print 'indent 4 spaces' | \# code block
print '3 backticks or'
print 'indent 4 spaces'
::: spoiler hidden or nsfw stuff
*a bunch of spoilers here*
::: | | hidden or nsfw stuff
a bunch of spoilers here
+Some ~subscript~ text | | Some subscript text
+Some ^superscript^ text | | Some superscript text
[CommonMark Tutorial](https://commonmark.org/help/tutorial/)
diff --git a/ui/package.json b/ui/package.json
index 1bd07e8637..f59b86255c 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -37,6 +37,8 @@
"markdown-it": "^10.0.0",
"markdown-it-container": "^2.0.0",
"markdown-it-emoji": "^1.4.0",
+ "markdown-it-sub": "^1.0.0",
+ "markdown-it-sup": "^1.0.0",
"moment": "^2.24.0",
"node-fetch": "^2.6.0",
"prettier": "^2.0.4",
diff --git a/ui/src/components/markdown-textarea.tsx b/ui/src/components/markdown-textarea.tsx
index 2f6d0a7ecd..3ad8fd5bec 100644
--- a/ui/src/components/markdown-textarea.tsx
+++ b/ui/src/components/markdown-textarea.tsx
@@ -187,6 +187,24 @@ export class MarkdownTextArea extends Component<
+
+