diff --git a/files/templates/formatting.html b/files/templates/formatting.html
index 45695f232..cee49ea09 100644
--- a/files/templates/formatting.html
+++ b/files/templates/formatting.html
@@ -27,52 +27,53 @@ On {{'SITE_NAME' | app_config}}, you can use Markdown formatting.
Displays as |
-
- Italics |
- *text* |
- text |
-
-
- Bold |
- **text** |
- text |
-
-
- Code |
- `text` |
- text |
-
-
- Strikethrough |
- ~~text~~ |
- text |
-
-
- Links |
- [{{'SITE_NAME' | app_config}}]({{request.host_url}}) |
- {{'SITE_NAME' | app_config}} |
-
-
- Emojis |
- :marseylove: |
- |
-
-
- Mirrored Emojis |
- :!marseylove: |
- |
-
-
- Poll Options |
- $bussy$ |
-
-
- |
-
-
+
+
+ Italics |
+ *text* |
+ text |
+
+
+ Bold |
+ **text** |
+ text |
+
+
+ Code |
+ `text` |
+ text |
+
+
+ Strikethrough |
+ ~~text~~ |
+ text |
+
+
+ Links |
+ [{{'SITE_NAME' | app_config}}]({{request.host_url}}) |
+ {{'SITE_NAME' | app_config}} |
+
+
+ Emojis |
+ :marseylove: |
+ |
+
+
+ Mirrored Emojis |
+ :!marseylove: |
+ |
+
+
+ Poll Options |
+ $bussy$ |
+
+
+ |
+
+
{% filter markdown %}
@@ -89,41 +90,44 @@ These Markdown tags format an entire paragraph of text at a time.
Displays as |
-
- Blockquote |
- > text |
- text |
-
-
- Headers 1-6 |
- # Header 1 ## Header 2 ### Header 3 #### Header 4 ##### Header 5 ###### Header 6 |
- Header 1Header 2Header 3Header 4Header 5Header 6 |
-
-
- Ordered list |
- 1. First thing 2. Second thing |
- - First thing
- Second thing
|
-
-
- Unordered list |
- * First thing * Second thing |
- |
-
-
- Code Block |
- ``` Use three backticks above and below. Or, indent the lines with four spaces. ``` |
-
- |
-
- Spoilers |
- <s> bussy > gussy </s> |
- bussy > gussy |
-
-Use three backticks above and below.
-Or, indent the lines with four spaces.
-
-
-
+
+
+ Blockquote |
+ > text |
+ text |
+
+
+ Headers 1-6 |
+ # Header 1 ## Header 2 ### Header 3 #### Header 4 ##### Header 5 ###### Header 6 |
+ Header 1Header 2Header 3Header 4Header 5Header 6 |
+
+
+ Ordered list |
+ 1. First thing 2. Second thing |
+ - First thing
- Second thing
|
+
+
+ Unordered list |
+ * First thing * Second thing |
+ |
+
+
+ Code Block |
+ ``` Use three backticks above and below. Or, indent the lines with four spaces. ``` |
+
+ |
+
+ Spoilers |
+ <s> bussy > gussy </s> |
+ bussy > gussy |
+
+
+ Use three backticks above and below.
+ Or, indent the lines with four spaces.
+
+ |
+
+
@@ -141,21 +145,23 @@ We also have some custom hooks for mentioning users and subreddits. Note that th
Displays as |
-
- Username Mention |
- @QuadNarca |
- @QuadNarca |
-
-
- Subreddit Mention |
- r/{{'SITE_NAME' | app_config}} |
- r/{{'SITE_NAME' | app_config}} |
-
-
- Redditor Mention |
- u/Bardfinn |
- u/Bardfinn |
-
+
+
+ Username Mention |
+ @QuadNarca |
+ @QuadNarca |
+
+
+ Subreddit Mention |
+ r/{{'SITE_NAME' | app_config}} |
+ r/{{'SITE_NAME' | app_config}} |
+
+
+ Redditor Mention |
+ u/Bardfinn |
+ u/Bardfinn |
+
+
{% filter markdown %}
@@ -166,44 +172,272 @@ And we allow custom HTML in most places.
Allowed tags:
-- b
-- blockquote
-- br
-- code
-- del
-- em
-- h1
-- h2
-- h3
-- h4
-- h5
-- h6
-- hr
-- i
-- li
-- ol
-- p
-- pre
-- strong
-- sub
-- sup
-- table
-- tbody
-- th
-- thead
-- td
-- tr
-- ul
-- marquee
-- a
+
+
+
+ Name |
+ Type |
+ Displays as |
+
+
+
+
+ Bold |
+ This will be <b>bold</b> |
+
+ This will be bold
+ |
+
+
+ Blockquote |
+
+ <blockquote>This is a blockquote</blockquote>
+ |
+
+
+ This is a blockquote
+
+ |
+
+
+ Line Break |
+
+
+ |
+
+ Line 1 Line 2
+ |
+
+
+ Code |
+
+
+ |
+
+ This is code
+ |
+
+
+ Strikethrough |
+
+
+ |
+
+ The last word will have a strikethrough
+ |
+
+
+ Emphasis |
+
+
+ |
+
+ We cannot live like this.
+ |
+
+
+ Headings |
+
+
+ |
+
+ This is heading 1
+ This is heading 2
+ This is heading 3
+ This is heading 4
+ This is heading 5
+ This is heading 6
+ |
+
+
+ Horizontal Rule |
+
+
+ |
+
+ Text 1
+
+ Text 2
+ |
+
+
+ Italics |
+
+
+ |
+
+ This is how you get italics.
+ |
+
+
+ Lists |
+
+
+ |
+
+
+
+ - Number 1
+ - Number 2
+
+ |
+
+
+ Paragraphs |
+
+
+ |
+
+ Paragraph 1
+ Paragraph 2
+ |
+
+
+ Preformatted Text |
+
+
+ |
+
+
+Text in a pre element
+is displayed in a fixed-width
+font, and it preserves
+both spaces and
+line breaks
+
+ |
+
+
+ Strong |
+
+
+ |
+
+ This text is important!
+ |
+
+
+ Subscript |
+
+
+ |
+
+ This text contains subscript text.
+ |
+
+
+ Superscript |
+
+
+ |
+
+ E = mc2
+ |
+
+
+ Tables |
+
+
+ |
+
+
+
+
+ Col 1 |
+ Col 2 |
+ Col 3 |
+
+
+
+
+ 1 |
+ 2 |
+ 3 |
+
+
+ 4 |
+ 5 |
+ 6 |
+
+
+
+ |
+
+
+ Marquee |
+
+
+ |
+
+
+ |
+
+
+ Links |
+
+
+ |
+
+ This is a link
+ |
+
+
+ Images |
+
+
+ |
+
+
+ |
+
+
+ Span |
+
+
+ |
+
+ My mother has blue eyes.
+ |
+
+
+
+
- img
- span
Allowed styles:
-- color
-- font-weight
-- transform
+
+
+
+ Name |
+ Type |
+ Displays as |
+
+
+
+
+ Color |
+ |
+ |
+
+
+ Font Weight |
+ |
+ |
+
+
+ Transform |
+ |
+ |
+
+
+
{% endfilter %}