linkTable of Contents

linkHow do I access formatting options?

As of December 2021, Amplenote offers 3 ways to format your notes:

Via the toolbar at the top of the note window; this toolbar is visible when editing a note in Notes Mode:

open_in_new

💡 Hover the mouse over an icon from the toolbar to view the associated keyboard shortcut for that formatting option.

By using the contextual toolbar that appears when you select text in your note; visible in Jots and Notes Mode:

open_in_new

linkAn overview of the formatting options

Below is an overview of all the formatting options:

linkSymbol in the toolbar	linkMeaning	linkSample formatting
B	Bold	Bold text
I	Italic	Italic Text
open_in_new	Strikethrough	Strikethrough text
H1	Heading 1	linkHeading 1
H2	Heading 2	linkHeading 2
H3	Heading 3	linkHeading 3
open_in_new	Table (currently only available to Founder subscribers)	open_in_new
open_in_new	Task	open_in_new
open_in_new	Bullet list	Bullet items
open_in_new	Numbered list	Numbered items
open_in_new	Links and Rich Footnotes	A Link and a Rich Footnote
open_in_new	Image attachment	open_in_new
open_in_new	Block quote	Quoted text
open_in_new	Code block	# Python3 def some_python_code(): pass
open_in_new	Inline code	This is normal text, followed by inline code.
open_in_new	Undo last action
open_in_new	Redo last action

linkCode blocks

In Amplenote, code blocks recognize programming languages and color the code according to syntax. Code blocks do a number of other convenient things too, such as automatically indenting code or closing parentheses.

To specify the language you are about to use in a code block, simply include the name of the language anywhere in the first line of the block of code, for example in a comment.

Once you've specified the language, you may remove the first line from the code block, and it will remember the setting.

⚠️ Note: you may or may not see syntax highlighting here, depending on when you're reading this.

linkLanguage	linkStyle preview
Javascript	open_in_new 
C, C++, C#	open_in_new 
CSS	open_in_new 
HTML	open_in_new 
Python	open_in_new 
Ruby	open_in_new 
Rust	open_in_new 
XML	open_in_new 

linkCreating rainbow text with code blocks

Not all of us are coders, and that's OK! You can also use code blocks to add some extra styling to your text.

Simply mention one of the supported color codes on the first line of the code block and see what happens:

// rainbow

A code block with rainbow-colored text.
Every line is a different color.
Check it out.
Bluer.
Bluerer.
The more lines you add, the more shades are generated.

// rainbow2

A code block with rainbow-colored text.
Like rainbow1, but with a different color scheme.

// rainbow3

A code block with rainbow-colored text.
The color changes on every character. Longer lines have more colors.
Rainbow3 also has no background color.

// rainbow4

A code block with rainbow-colored text. 
Like rainbow3, except with a different color scheme.

// rainbow5

Rainbow5 is pretty cool.
Text color changes dynamically.

// plain

The "plain" color code removes ensure that all text is black on gray background.

linkUsing the formatting toolbar

The formatting toolbar is available in places where these options are otherwise hidden (e.g. Tasks and Jots Mode). Options available via this menu include all the usual text formatting, as well as link and Rich Footnote manipulation. Also, there are two editor options that are exclusive to this toolbar: Extracting text to a note or a Rich Footnote.

linkExtracting text to a note or a Rich Footnote

In addition to the usual formatting options, you might have noticed the extra buttons on the contextual toolbar:

open_in_new

Read more about Extracting text selection to Rich Footnotes

Learn about Extracting text selection to a note