{% extends "default.html" %} {% block title %} {{'SITE_NAME' | app_config}} - Formatting {% endblock %} {% block content %}

Markdown Formatting

You can use Markdown formatting:
Name What you type What gets displayed
Italics *text* text
Bold **text** text
Code `text` text
Strikethrough ~~text~~ text
Links [{{'SITE_NAME' | app_config}}]({{request.host_url}}) {{'SITE_NAME' | app_config}}
Images https://i.imgur.com/Lf6dfPO.jpg
Youtube Videos https://youtube.com/watch?v=3Hecr51ByE4
Video Files https://files.catbox.moe/v4om92.mp4
Emojis :marseylove: :marseylove:
Mirrored Emojis :!marseylove: :!marseylove:
Large Emojis :#marseylove: :!marseylove:
Large Mirroed Emojis :#!marseylove: :!marseylove:
Poll Options $$bussy$$
Blockquote > text
text
Headers 1-6 # Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6
Ordered list 1. First thing
2. Second thing
  1. First thing
  2. Second thing
Unordered list * First thing
* Second thing
  • First thing
  • Second thing
Code Block ```
Use three backticks above and below.
Or, indent the lines with four spaces.
```		 
				Use three backticks above and below.
				Or, indent the lines with four spaces.
Spoilers <s> bussy > gussy </s>

bussy > gussy
Username Mention @QuadNarca @QuadNarca
Subreddit Mention r/{{'SITE_NAME' | app_config}} r/{{'SITE_NAME' | app_config}}
Redditor Mention u/Bardfinn u/Bardfinn

HTML Formatting

And we allow custom HTML in most places:

Allowed Tags

Name What you type What gets displayed
Span My mother has <span style="color:blue">blue</span> eyes. My mother has blue eyes.
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
<br>
Line 2
Line 1
Line 2
Code <code>This is code</code> This is code
Strikethrough The last word will have a <del>strikethrough</del> The last word will have a strikethrough
Emphasis We <em>cannot</em> live like this. We cannot live like this.
Headings 
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

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
<hr>
Text 2
Text 1
Text 2
Italics <i>This</i> is how you get italics. This is how you get italics.
Lists 
<ul>
	<li>Bullet 1</li>
	<li>Bullet 2</li>
</ul>
<ol>
	<li>Number 1</li>
	<li>Number 2</li>
</ol>
  • Bullet 1
  • Bullet 2
  1. Number 1
  2. Number 2
Paragraphs 
<p>Paragraph 1</p>
<p>Paragraph 2</p>

Paragraph 1

Paragraph 2
Preformatted Text 
<pre>
	Text in a pre element
	is displayed in a fixed-width
	font, and it preserves
	both	  spaces and
	line breaks
</pre>
			
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both	  spaces and
line breaks
Strong <strong>This text is important!</strong> This text is important!
Subscript This text contains <sub>subscript</sub> text. This text contains subscript text.
Superscript E = mc<sup>2</sup> E = mc2
Tables 
<table>
	<thead>
		<tr>
			<td>Col 1</td>
			<td>Col 2</td>
			<td>Col 3</td>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
			<td>5</td>
			<td>6</td>
		</tr>
	</tbody>
</table>
Col 1 Col 2 Col 3
1 2 3
4 5 6
Marquee <marquee direction="up" behavior="scroll" scrollamount="10" height="100"> This is a sample scrolling text that has scrolls in the upper direction. </marquee> This is a sample scrolling text that has scrolls in the upper direction.
Links This is a <a href='https://www.w3schools.com/tags/tag_a.asp'>link</a> This is a link
Images <img src="https://i.imgur.com/SwVuagI_d.webp" width="200">

Allowed Attributes

Name
href
style
src
class
title
direction
behavior
scrollamount
Allowed Styles
Name
color
background-color
font-weight
transform
-webkit-transform
{% include "expanded_image_modal.html" %} {% endblock %}