๐Ÿ“ Text Formatting Primer

primer
(Hardeep Singh) #1

Hi,

I see that many of us are not familiar with the text formatting here.

So, here is a Formatting Primer for better understandability and better clarity within threads, messages and hence emails.

Basics

For basic operations like changing the text to bold or italics, creating โ€ข Bulleted or, 1. Numbered list, just select the text in the options menu of WYSIWYG editor and select the desired option from this menu on the top:

Below is a cheat sheet table that you can use to quickly look at the usable markdowns.


:arrows_counterclockwise::iphone: Rotate screen for a complete view of the table

Type Or โ€ฆ to Get
@ rootsh3ll (without spaces) @rootsh3ll
*Italic* _Italic_ Italic
**Bold** __Bold__ Bold
# Heading 1 Heading 1
========= #

Heading 1


ย 
## Heading 2 Heading 2
--------- ##

Heading 2


ย 
[Link](https://rootsh3ll.com) [Link][1]
โ‹ฎ
[1]: https://rootsh3ll.com
Link
> blockquote Click 25%20AM in editor 28%20AM blockquote
* List
* List
* List
- List
- List
- List
โ€ข List
โ€ข List
โ€ข List
1. One
2. Two
3. Three
1) One
2) Two
3) Three
1. One
2. Two
3. Three
Horizontal Rule
โ€”
Horizontal Rule
***
Horizontal Rule
โ”€โ”€โ”€โ”€โ”€โ”€
`Inline code` with backticks inline code with backticks
[Spoiler]Spoiler Text/Image[/spoiler] [spoiler]Text or[/spoiler] [Spoiler]29%20AM[/spoiler]
(Click to view)
<abbr title="Alt Text">Example Text</abbr> Example Text
[s]Strikethrough[/s] Strikethrough
[u]underline[/u] underline
<sup>Superscript</sup> Superscript
<sub>Subscript</sub> Subscript
<kbd>Keys</kbd> Keys

Code Blocks


You can Copy to Clipboard from the top right corner of the code block.

With Syntax Highlighting

print "Block of code"
print "In more than one line"
print "should look like this"

created by the following markdown:

```
print "Block of code"
print "In more than one line"
print "should look like this"
```

Without Syntax highlighting

print "Give 4 spaces before every line"
print " to generate code"
print "Without syntax highlighting"

Generate by giving 4 space before evey line

    print "Give 4 spaces before every line"
    print " to generate code"
    print "Without syntax highlighting"

or select to highlight your code and click the </> button in the options bar for the same output.

Un-embedding URLs


https://www.youtube.com/watch?v=EzU6rWclygY

[url]http://example.com/example.png[/url]

Image Dimensions


smiley

Generated by the Markdown

![very good|512x397](//https://cdn.members.rootsh3ll.com/original/1X/03741c9f3eafd7fc8ccd791a6971a2c0d52783e4.jpeg)

Scaling Images

A feature that allows you to quickly scale images down

1

![very good|512x397,20%](//https://cdn.members.rootsh3ll.com/original/1X/03741c9f3eafd7fc8ccd791a6971a2c0d52783e4.jpeg)

So by adding ,20% you scale the image down to 20% size, this is particularly handy for people who paste in โ€œretinaโ€ screenshots end up having double sized images. A quick ,50% will make the image look just right

Share in comments something that I missed out or test your formatting skills below! :wink: