The Official BBCode Guide 2.0

Text
These tags allow you to change the color and style of text.

[b] — bold text (Ctrl+B)
Makes text bold. Often used to add emphasis or make small headings.
[b]example phrase[/b] —> example phrase

[i] — italic text (Ctrl+I)
Makes text italic. Often used to add emphasis or mark the titles of books or other works.
[i]example phrase[/i] —> example phrase

[u] — underlined text (Ctrl+U)
Adds a line below text. Use sparingly, as underlined text can often be confused with links.
[u]example phrase[/u] —> example phrase

[color=color] — colored text
Changes the color of text. See here for a full list of color names, and here for a color picker that will generate color codes for you.
[color=red]example phrase[/color] —> example phrase
[color=blue]example phrase[/color] —> example phrase
[color=#a5d]example phrase[/color] —> example phrase

[s] — struck-through text (Ctrl+S)
Adds a line through text. Often used to mark deletions or alterations in posts.
[s]example phrase[/s] —> example phrase

[big] — big text
Makes text big. Often used for headers. Use sparingly, as a lot of large text can be annoying.
[big]example phrase[/big] —> example phrase

[small] — small text
Makes text small. Often used in signatures.
[small]example phrase[/small] —> example phrase
Tip:
You can make small caps like this:
HELLO WORLD!

Links
Most links will automatically be hyperlinked. For example, http://www.google.com/ —> http://www.google.com/. You can also use the [url] tag or a shortcut link tag (like [wiki] or [dict]).

Note: If you are new to the forums (a New Scratcher), you may not be able to post links and images. If you are active on the main site and the forums for a while you will become a Scratcher and be able to post links and images.

[url] — link (Ctrl+L)
Adds a link. You can specify a link location or use the text of the link.
[url]http://www.google.com/[/url] —> http://www.google.com/
[url=http://www.google.com/]Google[/url] —> Google

[wiki] — Scratch Wiki article link
Adds a link to a Scratch Wiki article.
[wiki]Scratch (programming language)[/wiki] —> Scratch (programming language)

[wp] — Wikipedia article link
Adds a link to a wikipedia article.
[wp]Scratch (programming language)[/wp] —> Scratch (programming language)

[google] — Google search link
Adds a link to a Google search for a term.
[google]Scratch[/google] —> Scratch

[dictionary] — dictionary link
Adds a link to a dictionary definition of a word.
[dictionary]imagine[/dictionary] —> imagine

Tip: You can use [dict] as a shortcut for [dictionary]
[dict]share[/dict] —> share

Images
Note: If you are new to the forums (a New Scratcher), you may not be able to post links and images. If you are active on the main site and the forums for a while you will become a Scratcher and be able to post links and images.

[img] — image (Ctrl+P)
Adds an image. Images must be hosted on one of the following sites:

• cubeupload.com
  
• imageshack.com or imageshack.us
  
• wikipedia.org
  
• wikimedia.org
  
• scratch-dach.info
  
• scratch.mit.edu
  
• wiki.scratch.mit.edu
  
• scratch-wiki.info
  

[img]http://scratch.mit.edu/scratchr2/static/images/logo_sm.png[/img] —>

Lists
These tags allow you to add both ordered (marked with 1, 2, 3…) and unordered (marked with a bullet “•” or other character) lists to your posts.

[list] — unordered list
Adds an unordered list.

[list]
[*]imagine
[*]program
[*]share
[/list]

Produces:

• imagine
  
• program
  
• share
  

[list=symbol] — ordered list
Adds an ordered list. Symbol specifies the starting symbol (1 or a).

[list=1]
[*]lather
[*]rinse
[*]repeat
[/list]

Produces:

1. lather
   
2. rinse
   
3. repeat
   

[list=a]
[*]10
[*]10,000
[*]10,000,000
[/list]

Produces:

1. 10
   
2. 10,000
   
3. 10,000,000
   

Smilies
Some emoticons will be automatically be converted to images.

:) —>
:| —>
:( —>
:D —>
:o —>
;) —>
:/ —>
:P —>
:lol: —>
:mad: —>
:rolleyes: —>
:cool: —>

This link will bring you to a site which you can use the image feature for more emojis!

Quotes
You can click the Quote button on any post to automatically add the quote BBCode to your post, or manually add the quote using the [quote] tag.

[quote] — quote box
Adds a quote box. You can specify an author with [quote=author].
[quote]Example quote[/quote] —>

Example quote

[quote=Someone]Example quote[/quote] —>

Someone wrote:

Example quote

Code
You can use the [code] tag to display sections of code in a monospaced font. Tags within the [code] tag (other than [/code]) will not have any effect.

[code] — source code
Adds block of code.
[code]example[/code] —>

[code=language] — source code
Adds block of code with syntax highlighting. You can use any of the languages supported by pygments. See here for a full list.

[code=javascript]alert('imagine, program, share!');[/code] —>

Scratchblocks
You can write your own scratchblocks in the forums!

[scratchblocks]
When Green Flag Clicked
Move () steps
[/scratchblocks]
—>

when green flag clicked
move () steps

Tip:
You can write

[scratchblocks]
When green flag clicked :: motion
Turn left () degrees :: event
[/scratchblocks]

to change the colors of the blocks. —>

When green flag clicked ::motion
Move () steps :: events

Topics Related to Scratchblocks

• Scratchblocks Guide by @han614698
  
• Scratchblocks Testing Topic by @Paddle2See
  
• Scratch 3 Forum Block Reference by @awesome-llama
  

Center
You can center your text in the forums! This is helpful for shops.

[center]Hello![/center]
—>


Paragraph
With Paragraph, you can make new lines in paragraph style.
[p]Hello![/p][p]How are you?[/p]
—>

Hello!

How are you?

Toolbar
On the toolbar, there are three buttons that do not use BBCode.
The World Icon will insert your version of Scratch.
Ex.My browser / operating system: MacOS Macintosh X 10.15.7, Safari 17.3.1, No Flash version detected

The button will remove all BBCode on the selected text.
Ex. hi
After button —>
hi

The checkmark will let you preview your BBCode before posting.

Tip
Use [ and ] next to each other to allow items inside of them. Ex.

[b] — bold text (Ctrl+B)
Makes text bold. Often used to add emphasis or make small headings.
[b]example phrase[/b] —> example phrase

[i] — italic text (Ctrl+I)
Makes text italic. Often used to add emphasis or mark the titles of books or other works.
[i]example phrase[/i] —> example phrase

[u] — underlined text (Ctrl+U)
Adds a line below text. Use sparingly, as underlined text can often be confused with links.
[u]example phrase[/u] —> example phrase

[s] — struck-through text (Ctrl+S)
Adds a line through text. Often used to mark deletions or alterations in posts.
[s]example phrase[/s] —> example phrase

[color=color] — colored text
Changes the color of text. See here for a full list of color names, and here for a color picker that will generate color codes for you.
[color=red]example phrase[/color] —> example phrase
[color=blue]example phrase[/color] —> example phrase
[color=#a5d]example phrase[/color] —> example phrase

[big] — big text
Makes text big. Often used for headers. Use sparingly, as a lot of large text can be annoying.
[big]example phrase[/big] —> example phrase

[small] — small text
Makes text small. Often used in signatures.
[small]example phrase[/small] —> example phrase
Tip:
You can make small caps like this:
HELLO WORLD!

Note: If you are new to the forums (a New Scratcher), you may not be able to post links and images. If you are active on the main site and the forums for a while you will become a Scratcher and be able to post links and images.

[url] — link (Ctrl+L)
Adds a link. You can specify a link location or use the text of the link.
[url]http://www.google.com/[/url] —> http://www.google.com/
[url=http://www.google.com/]Google[/url] —> Google

[wiki] — Scratch Wiki article link
Adds a link to a Scratch Wiki article.
[wiki]Scratch (programming language)[/wiki] —> Scratch (programming language)

[wp] — Wikipedia article link
Adds a link to a wikipedia article.
[wp]Scratch (programming language)[/wp] —> Scratch (programming language)

[google] — Google search link
Adds a link to a Google search for a term.
[google]Scratch[/google] —> Scratch

[dictionary] — dictionary link
Adds a link to a dictionary definition of a word.
[dictionary]imagine[/dictionary] —> imagine

Tip: You can use [dict] as a shortcut for [dictionary]
[dict]share[/dict] —> share

[img] — image (Ctrl+P)
Adds an image. Images must be hosted on one of the following sites:

• cubeupload.com
  
• imageshack.com or imageshack.us
  
• wikipedia.org
  
• wikimedia.org
  
• scratch-dach.info
  
• scratch.mit.edu
  
• wiki.scratch.mit.edu
  
• scratch-wiki.info
  

[img]http://scratch.mit.edu/scratchr2/static/images/logo_sm.png[/img] —>

Lists
These tags allow you to add both ordered (marked with 1, 2, 3…) and unordered (marked with a bullet “•” or other character) lists to your posts.

[list] — unordered list
Adds an unordered list.

[list]
[*]imagine
[*]program
[*]share
[/list]

Produces:

• imagine
  
• program
  
• share
  

[list=symbol] — ordered list
Adds an ordered list. Symbol specifies the starting symbol (1 or a).

[list=1]
[*]lather
[*]rinse
[*]repeat
[/list]

Produces:

1. lather
   
2. rinse
   
3. repeat
   

[list=a]
[*]10
[*]10,000
[*]10,000,000
[/list]

Produces:

1. 10
   
2. 10,000
   
3. 10,000,000