View source for Help:Edit toolbar

{{pp-semi-indef}}{{pp-move-indef}}
{{for|the toolbar that shows under the edit window and allows the insertion of various characters and symbols|Help:CharInsert}}
{{Wikipedia how-to|H:ETOOL}}
In compatible browsers, an '''edit toolbar''' can be automatically displayed with the edit box, provided that this has been set in the [[Help:Preferences|preferences]]. It appears automatically for editors who are not logged in.  This functions partly as a typing aid and partly as a reminder of the available functions. All the functions are available  simply by typing the code directly into the edit box (such as <nowiki>[[link]]</nowiki>) – this may be easier.

The toolbar works with [[Google Chrome]], [[Firefox]], [[Internet Explorer]], [[Microsoft Edge]], [[w:Mozilla Application Suite|the Mozilla Suite]]/[[W:SeaMonkey|SeaMonkey]], [[Konqueror]], [[Safari (browser)|Safari]] and [[Opera (browser)|Opera]].

In Mozilla browsers, IE, and Chrome you can format existing text by highlighting the text you want to format and clicking the relevant button on the toolbar. If you click a button without selecting any text, sample text will be inserted at the cursor's position (like so: '''Bold text'''). In other browsers, clicking on the button presents an explanation for that feature. (Pre-release 9.0 versions of Opera browser also seem to support the advanced functionality.)

The Edit Toolbar has a different appearance depending on personal preferences set at {{myprefs|Editing}}:

===[[Source editor]]===

{| class="wikitable"
! {{small|{{int:wikieditor-toolbar-preference}}}} !! {{small|{{int:wikieditor-toolbar-dialogs-preference}}}} !! Toolbar
|-
| Off || Off<br> On || [[File:RefToolbar 1.0.png]]<br />Standard toolbar
|-
| rowspan=2 | On  || Off || [[File:RefToolbar 2.0a.png]]<br />Enhanced editing toolbar
|-
| On || [[File:RefToolbar 2.0b.png]]<br />Enhanced editing toolbar with wizards
|}

=== VisualEditor ===
If your toolbar looks like this:
[[File:VisualEditor toolbar-en.png|center|0.8x]]
Then you are using the rich-text [[Wikipedia:VisualEditor|visual editor]].

== List of functions ==
{| class="wikitable"
|+ Enhanced toolbar: main selections
! Icon !! Function !! What it shows when editing !! What it shows on the page
|-
| colspan="4" style="text-align: center;" |[[File:RefToolbar 2.0a.png|Enhanced editing toolbar|link=]]
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon bold-b.svg|Bold text|link=]]
|Bold
|<code><nowiki>'''Bold text'''</nowiki></code>
|'''Bold text'''
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon italic-i.svg|Italic text|link=]]
|Italic
|<code><nowiki>''Italic text''</nowiki></code>
|''Italic text''
|-
| [[File:Vector toolbar insert external link button.png|External link|link=]]
|External link
|<code><nowiki>[http://www.example.com link title]</nowiki></code>
| [http://www.example.com link title]
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon link-ltr.svg|Internal link|link=]]
|Internal link
|<code><nowiki>[[Link title]]</nowiki></code>
|[[Link title]]
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon image-ltr.svg|Embedded file|link=]]
| Insert image
|<code><nowiki>[[File:Example.jpg|thumbnail]]</nowiki></code>
| [[File:Example.jpg|thumbnail]]
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon book-ltr.svg|link=]]
| Insert {{fnote}}
| <code><nowiki><ref>Insert footnote text here</ref></nowiki></code>
| <ref>Insert footnote text here</ref>
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon highlight.svg|link=]]
| activate highlighting in wikitext
| [[File:OOjs UI icon highlight-progressive.svg|link=]] active
|{{Meta|Community Tech/Wikitext editor syntax highlighting|Wikitext editor syntax highlighting}}
{{MediaWiki|Extension:CodeMirror}}
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon signature-ltr.svg|Your signature with timestamp|link=]]
|Sign talk comments<br />(with time stamp)
|<code><nowiki>--~~~~</nowiki></code>
|[[Special:Mypage|Username]] ([[Special:Mytalk|talk]]) {{CURRENTTIME}}, {{CURRENTDAY}} {{CURRENTMONTHNAME}} {{CURRENTYEAR}} (UTC)
|-
| [[File:Enhanced toolbar- Cite button.png|Insert citation|link=]]
| Insert citation
| colspan="2" |See below.
|-
| [[File:Enhanced toolbar- Advanced button.png|Advanced|link=]]
| Advanced
| colspan="2" |See below.
|-
| [[File:Enhanced toolbar- Special characters button.png|Special characters|link=]]
| Special characters
| colspan="2" |See below.
|-
| [[File:Enhanced toolbar- Help button.png|Help|link=]]
| Help
| colspan="2" |See below.
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon edit-ltr.svg|link=]] [[File:OOjs UI icon expand.svg|12px|link=]]
| colspan="3"| change Wikieditor to VisualEditor
|}

{| class="wikitable"
|+ Enhanced toolbar with wizards: main selections
! Icon !! Function !! What it shows when editing !! What it shows on the page
|-
| colspan="4" style="text-align: center;" |[[File:RefToolbar 2.0b.png|Enhanced editing toolbar with wizards|link=]]
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon bold-b.svg|Bold text|link=]]
|Bold
|<code><nowiki>'''Bold text'''</nowiki></code>
|'''Bold text'''
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon italic-i.svg|Italic text|link=]]
|Italic
|<code><nowiki>''Italic text''</nowiki></code>
|''Italic text''
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon signature-ltr.svg|Your signature with timestamp|link=]]
|Sign talk comments<br />(with time stamp)
|<code><nowiki>--~~~~</nowiki></code>
|[[Special:Mypage|Username]] ([[Special:Mytalk|talk]]) {{CURRENTTIME}}, {{CURRENTDAY}} {{CURRENTMONTHNAME}} {{CURRENTYEAR}} (UTC)
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon link-ltr.svg|Internal link|link=]]
|Internal link
|<code><nowiki>[[Link title]]</nowiki></code>
|[[Link title]]
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon image-ltr.svg|Embedded file|link=]]
|Insert image
|
| 
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon book-ltr.svg|link=]]
| Insert {{fnote}}
| 
| 
|-
|[[File:Enhanced toolbar- Advanced button.png|Advanced|link=]]
| Advanced
| colspan="2" |See below.
|-
|[[File:Enhanced toolbar- Special characters button.png|Special characters|link=]]
| Special characters
| colspan="2" |See below.
|-
|[[File:Enhanced toolbar- Help button.png|Help|link=]]
| Help
| colspan="2" |See below.
|-
| [[File:Enhanced toolbar with wizards- Cite toolbar.png|Cite toolbar|link=]]
| Cite toolbar
| colspan="2" |See [[Wikipedia:RefToolbar/2.0]].
|}

{| class="wikitable"
|+ Enhanced toolbar with wizards: Advanced selections
! Icon !! Function !! What it shows when editing
|-
| colspan="4" style="text-align: center;" |[[File:RefToolbar 2.0b.png|Enhanced editing toolbar with wizards|link=]]
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon articleSearch-ltr.svg]]
|Search and Replace
|
* Search for strings of text and optionally replace them, progressing one at a time or replacing all occurrences at once.
* If the ''regular expressions'' check box is selected, then the targeted ''search'' term is interpreted as a symbolic "expression", called a "[[regular expression]]", which will act as a pattern to select targets for ''replacement''. Any amount of text can be matched by a regular expression. Languages that use this type of regular expression include [[Perl (programming language)|Perl]], [[Java (programming language)|Java]], [[JavaScript]], [[Python (programming language)|Python]], [[Ruby (programming language)|Ruby]], [[.NET Framework|.NET]], and [[XML Schema (W3C)|XML]].
* A list of the regular expressions accepted by this search and replace box [https://developer.mozilla.org/en-US/docs/JavaScript/Guide/Regular_Expressions?redirectlocale=en-US&redirectslug=Core_JavaScript_1.5_Guide%2FRegular_Expressions has been compiled for reference by the Mozilla Contributors.]
|}

{| class="wikitable"
|+ Advanced selections
! Icon !! Function !! What it shows when editing !! What it shows on the page
|-
| colspan="4" style="text-align: center;" |[[File:Enhanced toolbar- Advanced toolbar.png|Enhanced toolbar- Advanced toolbar|link=]]
|-
|[[File:Enhanced toolbar- Heading toolbar.png|Enhanced toolbar- Heading toolbar|link=]]
| [[Help:Section|Section heading]]
|<code><poem><nowiki>== Heading text ==
=== Heading text ===
==== Heading text ====
===== Heading text =====</nowiki></poem></code>
|{{fake heading|sub=2|Heading text}}
 {{fake heading|sub=3|Heading text}}
 {{fake heading|sub=4|Heading text}}
 {{fake heading|sub=5|Heading text}}
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon listBullet-ltr.svg|Bulleted list|link=]]
| [[Help:List|Bulleted list]]
| <code><nowiki>* Bulleted list item</nowiki></code>
| 
* Bulleted list item
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon listNumbered-ltr.svg|Numbered list|link=]]
| [[Help:List|Numbered list]]
| <code><nowiki># Numbered list item</nowiki></code>
| 
# Numbered list item
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon noWikiText-ltr.svg|Ignore wiki formatting|link=]]
| [[Help:Nowiki|Nowiki]]: Ignore wiki formatting
| <code><nowiki><nowiki>Insert non-formatted text here</nowiki></nowiki></code>
| <nowiki>Insert non-formatted text here</nowiki>
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon newline-ltr.svg|link=]]
| [[Wikipedia:Line-break handling|Line break]]
| <code><nowiki><br /></nowiki></code>
| text before<br />abc
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon bigger-ltr.svg|link=]]
| Big text
| <code><nowiki><big>Big text</big></nowiki></code>
| <big>Big text</big>
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon smaller-ltr.svg|link=]]
| Small text
| <code><nowiki><small>Small text</small></nowiki></code>
| <small>Small text</small>
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon superscript-ltr.svg|link=]]
| Superscript
| <code><nowiki><sup>Superscript text</sup></nowiki></code>
| <sup>Superscript text</sup>
|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon subscript-ltr.svg|link=]]
| Subscript
| <code><nowiki><sub>Subscript text</sub></nowiki></code>
| <sub>Subscript text</sub>

|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon imageGallery-ltr.svg|link=]]
| [[Help:Gallery tag|Picture gallery]]
| style="text-align: left;" | <code><poem><nowiki><gallery>
Example.jpg|Caption1
Example.jpg|Caption2
</gallery></nowiki></poem></code>
| <gallery>
Example.jpg|Caption1
Example.jpg|Caption2
</gallery>

|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon table.svg|link=]]
| [[Help:Table|Table]]
| <code><poem><nowiki>{| class="wikitable" border="1"
|-
! header 1
! header 2
! header 3
|-
| row 1, cell 1
| row 1, cell 2
| row 1, cell 3
|-
| row 2, cell 1
| row 2, cell 2
| row 2, cell 3
|}
</nowiki></poem></code>
|
{| class="wikitable" border="1"
|-
! header 1
! header 2
! header 3
|-
| row 1, cell 1
| row 1, cell 2
| row 1, cell 3
|-
| row 2, cell 1
| row 2, cell 2
| row 2, cell 3
|}

|-
|style="background-image: linear-gradient(#fdfefe 0,#e8f2f8 32px);"| [[File:OOjs UI icon articleRedirect-ltr.svg|link=]]
| Automatically [[Wikipedia:Redirect|redirect]] to another page
| <code><nowiki>#REDIRECT [[Target page name]]</nowiki></code>
| <span class="plainlinks">[{{fullurl:Acidic|redirect=no}} Preview a redirect page]</span>
|}

== See also ==
{{Commons|MediaWiki edit toolbar}}
* [[Wikipedia:RefToolbar/2.0]]
* [[Wikipedia:Wikipedia Toolbar]] (Firefox only)

{{Help navigation}}
[[Category:Wikipedia interface help]]
{{reflist hide}}