View source for Help:Editing Toolbar

{{Lang}}
{{Subpage|[[Help:Contents]]}}
{{Help page}}
[[File:Help_editing_toolbar_advanced.png|right]]
{{main|Wikipedia:Help:Edit toolbar}}
When editing a page, the editor can see a toolbar at the top of the text field. The image on the right shows that toolbar with the ''Advanced'' bar opened. This page discusses what these buttons do as well as other tips and tricks for editors.

Every user can enable or disable the editing toolbar for their account: [[Special:Preferences]] &rarr; tab ''Editing'' &rarr; checkbox ''Enable enhanced editing toolbar''.

For information on tables of contents, see [[Help:Table of Contents]].

==Top bar==

{|class=standard-table
! Button || Input || Output || Notes

|-
!
===Bold===
|<pre>'''bold text''' not bold</pre>
|     '''bold text''' not bold
| Should not be used excessively. Commonly used on button labels (like '''Apply''') or keyvalue names (like '''Name''').<br>You can quickly bold an entire line of text by putting <code>;</code> at the start of the line, see [[#Indenting]] below.

|-
!
===Italic===
|<pre>''italic text'' not italic</pre>
|     ''italic text'' not italic
| Also should not be used excessively. Sometimes used when quoting someone, or property/flag names (like ''Play Everywhere'').

|-
!
===Link===
|<pre>[[Main Page]]</pre>
|     [[Main Page]]
| This lets you create links to other pages. See [[Help:Linking]] for more info on etiquette and uses.

|-
!
===Image===
|<pre>[[File:Example.jpg|300px|thumb|example caption.]]</pre>
|     [[File:Example.jpg|300px|thumb|example caption.]]
| This lets you put images into a page. See [[Help:Images]] for more info on etiquette and uses.

|-
!
===Reference===
| -
| -
| Used to make the little "[1]" things you see on other wikis like Wikipedia. We don't use it much on this wiki because most of our information is original research; our references are the users. A proper example of usage is unavailable because the website does not have the code for references.
|}

==Advanced bar==
Click the '''Advanced''' button on the top bar to access these buttons.

{|class=standard-table
! Button || Input || Output || Notes

|-
!
===Heading===
| <pre>=== Heading ===</pre>
| ''the leftmost cell is the result''
| Insert headings of various sizes to better organize pages. See [[Help:Table of Contents]] for examples and more info on etiquette and uses.
The number of equal signs determines the heading level. The spaces are optional. This must be at the beginning of a line in wikitext.

|-
!
===Bulleted list===
|<pre>*An item.
*Another item.
*All of these could be in any order you want.</pre>
|
*An item.
*Another item.
*All of these could be in any order you want.
| Makes a list using bullet points. Should not be used for giving instructions or any other thing with a clear order.

|-
!
===Numbered list===
|<pre>#Open Hammer.
#Make a map.
#Compile the map.
#Test it in the game.</pre>
|
#Open Hammer.
#Make a map.
#Compile the map.
#Test it in the game.
| Makes a list using numbers.

|-
!
===No wiki formatting===

|<pre>''{{restart}}''

&lt;nowiki&gt;''{{restart}}''&lt;/nowiki&gt;</pre>

|''{{restart}}''

<nowiki>''{{restart}}''</nowiki>

| Everything between &lt;nowiki&gt;...&lt;/nowiki&gt; tags is not formatted by the wiki parser. Note how the template {{T|restart}} is not expanded in the second example.
{{note|To display &lt;nowiki&gt; and &lt;/nowiki&gt; tags on a page, you must escape them in some way, otherwise they simply do what they are supposed to do and aren't displayed. One way is to escape the "lower than" and "greater than" brackets using HTML entities, such as {{code|&amp;lt;nowiki&amp;gt;}} and {{code|&amp;lt;/nowiki&amp;gt;}}.}}

|-
!
===New line===
|
<pre>One
Two

Three<br>
Four
</pre>

|
One
Two

Three<br>
Four

| Newlines can be inserted using '''two''' newlines in the wikitext or using &lt;br&gt;. Note that the former method begins a new paragraph with some extra space between the lines while the latter doesn't add extra space. A single newline in wikitext is nothing more than a space but there are exceptions.

|-
!
===Big text and small text===
|
<pre>Normal text. <big>Big text. <big>Bigger text.</big></big>

Normal text. <small>Small text. <small>Smaller text.</small></small></pre>

|style=white-space:nowrap|
Normal text. <big>Big text. <big>Bigger text.</big></big>

Normal text. <small>Small text. <small>Smaller text.</small></small>

| Makes text bigger or smaller. The more times it's applied to text, the more the size changes. Do not use big text as a substitute for bolding text.

|-
!
===Superscript and subscript===
|
<pre>Normal text. <sup>High text. <sup>Higher text.</sup></sup>

Normal text. <sub>Low text. <sub>Lower text.</sub></sub></pre>

|
Normal text. <sup>High text. <sup>Higher text.</sup></sup>

Normal text. <sub>Low text. <sub>Lower text.</sub></sub>

| These buttons make text smaller and then shift it up or down. Like the Big/Small buttons, the more times applied, the greater the effect.

|-
!
===Picture gallery===
|<pre><gallery>
File:IMAGENAME1.ext|Caption 1
File:IMAGENAME2.ext|Caption 2
</gallery></pre>
| -
| Good for inserting many images into a page. See [[Help:Images]] for more information and examples.

|-
!
===Redirect===
|<pre>#REDIRECT [[Doors]]</pre>
| -
| Redirects are a special kind of page. When a person clicks on a link to a redirect page, they will automatically be forwarded to a different page. These are most commonly used for plural words, like [[Door]], which redirects to [[Doors]].

To make a redirect, just click the button with the paper and arrow on it, and insert the name of the page you wish to redirect to. The example on the left is the entire code for the page [[Door]].

A redirect code should be the only thing on that page, otherwise it may work incorrectly. Redirects can be used on [[Help:Templates|templates]] and [[Help:Categories|categories]] as well, and a redirect itself can be categorized.

{{warning|'''Take care to not redirect to another redirect.''' When this happens it is called a ''[[Special:DoubleRedirects|double redirect]]''. MediaWiki code does not properly handle these instances and a user will end up being stuck at the first redirect until further action is taken.}}

|-
!
===Table===
|
<pre>{|
|+ Table caption A
! Col 1 !! Col 2 !! Col 3
|-
| 1 || 2 || 3
|-
| 4 || 5
|}

{| class="wikitable"
|+ Wikitable caption B
! Col 1
! Col 2
! Col 3
|-
| a
| b
| c
|-
| d
| e
|}

{| class="standard-table"
|+ Standard-table caption C
! Col 1 !! Col 2 !! Col 3
|-
| i || ii || iii
|-
| iv || v
|}</pre>

|
{|
|+ Table caption A
! Col 1 !! Col 2 !! Col 3
|-
| 1 || 2 || 3
|-
| 4 || 5
|}

{| class="wikitable"
|+ Wikitable caption B
! Col 1
! Col 2
! Col 3
|-
| a
| b
| c
|-
| d
| e
|}

{| class="standard-table"
|+ Standard-table caption C
! Col 1 !! Col 2 !! Col 3
|-
| i || ii || iii
|-
| iv || v
|}
|
{{main|Wikipedia:Help:Table}}
There are two pre-defined table classes that can be used: {{code|wikitable}} and {{code|standard-table}}. Note that the examples on the left represent the three types of tables you can get from using (or omitting) these classes.

The editor must pay attention to include the same number of cells for each row, otherwise the result may look like the examples; In all three the sixth cell is missing.

Note also that the wikitext for these examples is very clean because the content is very simple; When it comes to writing paragraphs into the table cells, don't hesitate to use newlines in the wikitext in a way that the wikitext stays as readable as possible. Writing table data of a row on a single line of wikitext using {{code|<nowiki>||</nowiki>}} and/or {{code|<nowiki>!!</nowiki>}} may be concise but if you start struggling to find these characters somewhere in the text, it may be easier to use {{code|<nowiki>|</nowiki>}} on its own line of wikitext instead.

The syntax for wiki tables closely follows that of HTML tags:

{| class=wikitable style="font-family:monospace; font-size:12.8px"
! Wikitext !! HTML
|-
|<nowiki>{| class="..."</nowiki><br>...<br><nowiki>|}</nowiki>
|<nowiki><table class="...">...</table></nowiki>
|-
|<nowiki>! heading</nowiki><br><nowiki>!style="..."| heading</nowiki>
|<nowiki><th>heading</th></nowiki><br><nowiki><th style="...">heading</th></nowiki>
|-
|<nowiki>|-</nowiki><br><nowiki>|- style="..."</nowiki>
|<nowiki><tr>...</tr></nowiki><br><nowiki><tr style="...">...</tr></nowiki>
|-
|<nowiki>| cell1</nowiki><br><nowiki>| cell2</nowiki>              <br><br><nowiki>|style="..."| cell1</nowiki><br><nowiki>|style="..."| cell2</nowiki>
|<nowiki><td>cell1</td></nowiki><br><nowiki><td>cell2</td></nowiki><br><br><nowiki><td style="...">cell1</td></nowiki><br><nowiki><td style="...">cell2</td></nowiki>
|}

{{note|Some other formatting may break in tables. If something isn't working right, try to experiment with it. If you still have issues, try asking for help on [[New Help Desk]].}}
|}


==Special characters bar==
This button gives you access to a wide range of non-standard characters you can use.

==Help bar==
This button gives you quick examples on most formatting features available on the wiki.

==Other formatting features==

{|class=standard-table
! || Input || Output || Notes

|-
!
===Horizontal line===
|
<pre>Before horizonzal line
----
After horizontal line</pre>

|
Before horizonzal line
----
After horizontal line

| <code><nowiki>----</nowiki></code> makes a line. They can be used to split things into sections, but usually that should be done with [[Help:Table of Contents|headers]].

|-
!
===Indenting===
|
<pre>Unindented text.
:Welcome to the Valve Developer Community. Whether you're building a "Triple-A" commercial project or a mod for Half-Life® 2, you'll want to sign up as a Valve developer today.
::It's free to join, and open to anyone working with the Source Engine and the Source SDK.</pre>
|
Unindented text.
:Welcome to the Valve Developer Community. Whether you're building a "Triple-A" commercial project or a mod for Half-Life® 2, you'll want to sign up as a Valve developer today.
::It's free to join, and open to anyone working with the Source Engine and the Source SDK.

| You can indent text by putting one or multiple <code>:</code> at the start of a line. This generates the HTML tag &lt;dd&gt;. The indented paragraph ends at the next newline in the wikitext, so if you need a newline without ending the indented paragraph, you can use &lt;br&gt;. The same applies to the indented paragraphs of (un)ordered lists using <code>#</code> and <code>*</code>.
|}

===Signifying code===
Console commands, code, and filepaths are just some of the things we frequently format to be <code>monospaced</code>.

<nowiki><code></nowiki> tags are the cleanest and most common method.
{{code|<nowiki>{{code|<text>}}</nowiki>}} template have more multiple styles with optional text selection mode.
{|class=standard-table
! Input||Output
|-
|<pre><code>code text</code> not code</pre>||<code>code text</code> not code
|-
|<pre>{{code|code text}} not code</pre>||{{code|code text}} not code
|}

<nowiki><pre></nowiki> tags are much more common when code takes up multiple lines. These are the white boxes on this page.

{{code|<nowiki>{{pre|<text>}}</nowiki>}} can be also used, which have dark modes and more options, but <nowiki><nowiki></nowiki> must be included for this one in order to avoid breaking it.

A <nowiki><pre></nowiki> box can also be made by putting a space at the start of the line, but it looks weird in code.
{|class=standard-table
! Input||Output
|-
|<pre>&lt;pre&gt;
buildcubemaps
mat_hdr_level 0 (to go to LDR)
restart (to reload map)
buildcubemaps
mat_hdr_level 2 (to go back to HDR)
restart (to reload map)
&lt;/pre&gt;</pre>||<pre>
buildcubemaps
mat_hdr_level 0 (to go to LDR)
restart (to reload map)
buildcubemaps
mat_hdr_level 2 (to go back to HDR)
restart (to reload map)
</pre>
|}

<nowiki>&lt;syntaxhighlight></nowiki> will make a <nowiki><pre></nowiki> but will also color certain pieces of text based on language.
{|class=standard-table
! Input||Output
|-
|<pre>
&lt;syntaxhighlight lang="cpp"&gt;
void CBaseEntity::FireBullets( const FireBulletsInfo_t &info )
{
	static int	tracerCount;
	trace_t		tr;
	CAmmoDef*	pAmmoDef	= GetAmmoDef();
	int			nDamageType	= pAmmoDef->DamageType(info.m_iAmmoType);
	int			nAmmoFlags	= pAmmoDef->Flags(info.m_iAmmoType);
        //...
        //remainder omitted
        //...
}
&lt;/syntaxhighlight&gt;</pre>||<syntaxhighlight lang="cpp">
void CBaseEntity::FireBullets( const FireBulletsInfo_t &info )
{
	static int	tracerCount;
	trace_t		tr;
	CAmmoDef*	pAmmoDef	= GetAmmoDef();
	int			nDamageType	= pAmmoDef->DamageType(info.m_iAmmoType);
	int			nAmmoFlags	= pAmmoDef->Flags(info.m_iAmmoType);
        //...
        //remainder omitted
        //...
}
</syntaxhighlight>
|}

{{note|Some characters ''may'' break the formatting in a pre or syntaxhighlight. Try substituting the characters with their [https://dev.w3.org/html5/html-author/charref HTML escape entities]}}

See [[Help:Syntax Highlighting]] for more information on languages.

{{tip|Use the [[Help:Templates|Template]] we call [[Template:ent|ent]] to quickly make something in <nowiki><code></nowiki> tags and a link. See the page for it for more uses.}}

==See also==
*[[Help:Page Creation]]
*[[Help:Templates]]
*[[New Help Desk]]

[[Category:Wiki]]