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

Formatting

On {{'SITE_NAME' | app_config}}, you can use Markdown formatting.

Inline formatting

Name Type 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: :marseylove:
Mirrored Emojis :!marseylove: :!marseylove:
Poll Options $$bussy$$

Block formatting

These Markdown tags format an entire paragraph of text at a time.
Name Type Displays as
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.
```
Spoilers <s> bussy > gussy </s>

bussy > gussy

 
				Use three backticks above and below.
				Or, indent the lines with four spaces.

Custom Formatting

We also have some custom hooks for mentioning users and subreddits. Note that these only work if the mentioned user or subreddit actually exists.
Name Type Displays as
Username Mention @QuadNarca @QuadNarca
Subreddit Mention r/{{'SITE_NAME' | app_config}} r/{{'SITE_NAME' | app_config}}
Redditor Mention u/Bardfinn u/Bardfinn

Custom HTML

And we allow custom HTML in most places. Allowed tags:
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
<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. 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">
Span My mother has <span style="color:blue">blue</span> eyes. My mother has blue eyes.

Allowed Attributes

Name
href
style
src
class
title
rel
data-bs-original-name
direction
behavior
scrollamount

Allowed Styles

Name
color
background-color
font-weight
transform
-webkit-transform
{% endblock %}