Editor

Heading

#

The Heading extension adds support for headings of different levels. Headings are rendered with h1, h2, h3, h4, h5 or h6 HTML tags. By default all six heading levels (or styles) are enabled, but you can pass an array to only allow a few levels. Check the usage example to see how this is done. Type # at the beginning of a new line and it will magically transform to a heading, same for ## , ### , #### , ##### and ######.

This is a 1st level heading

This is a 2nd level heading

This is a 3rd level heading

This is a 4th level heading

This is a 5th level heading
This is a 6th level heading

This is a paragraph

HTML:

This is a 1st level heading

This is a 2nd level heading

This is a 3rd level heading

This is a 4th level heading

This is a 5th level heading
This is a 6th level heading

This is a paragraph

Text:

<h1>This is a 1st level heading</h1> <h2>This is a 2nd level heading</h2> <h3>This is a 3rd level heading</h3> <h4>This is a 4th level heading</h4> <h5>This is a 5th level heading</h5> <h6>This is a 6th level heading</h6> <p>This is a paragraph</p>

Font size

#

You can use any size for paragraph like in your Google Docs

96

72

48

36

30

24

18

14

12

11

10

9

8

HTML:

96

72

48

36

30

24

18

14

12

11

10

9

8

Text:

<p><span style="font-size: 96px">96</span></p> <p><span style="font-size: 72px">72</span></p> <p><span style="font-size: 48px">48</span></p> <p><span style="font-size: 36px">36</span></p> <p><span style="font-size: 30px">30</span></p> <p><span style="font-size: 24px">24</span></p> <p><span style="font-size: 18px">18</span></p> <p><span style="font-size: 14px">14</span></p> <p><span style="font-size: 12px">12</span></p> <p><span style="font-size: 11px">11</span></p> <p><span style="font-size: 10px">10</span></p> <p><span style="font-size: 9px">9</span></p> <p><span style="font-size: 8px">8</span></p>

Custom font size tool

#

Hello

Hello world

HTML:

Hello

Hello world

Text:

<p>Hello</p> <p><span style="font-size: 24px">Hello world</span></p>