Help:Edit toolbar: Difference between revisions

Revision as of 15:59, 31 January 2015

Latest revision as of 16:22, 22 August 2025

(47 intermediate revisions by 28 users not shown)

Line 1:

{{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}}

[[File:Wikipedia development environment screenshot.webp|thumb|Wikipedia development environment]]

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 [[w:Google Chrome]], [[Firefox]], [[Internet Explorer]], [[Microsoft Edge (series of web browsers)|InternetMicrosoft ExplorerEdge]], [[w:Mozilla Application Suite|the Mozilla Suite]]/[[W:SeaMonkey|SeaMonkey]], [[w:Firefox|Firefox]], [[w:Konqueror|Konqueror]], [[w:Safari (browser)|Safari]], and [[w:Opera (browser)|Opera]] and [[Google Chrome]].

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.)

TheYou Editcan Toolbarswitch hasoff aor different appearance dependingswitch on personal preferences set at {{myprefs|Editing|check={{MediaWiki:Wikieditor-toolbar-preference}}:}}.

===Source editor===

{| class="wikitable"

If your toolbar looks like this:

! {{small|{{int:wikieditor-toolbar-preference}}}} !! {{small|{{int:wikieditor-toolbar-dialogs-preference}}}} !! Toolbar

[[File:WikiEditor-toolbar-en.png|center]]

|-

Then you are using the [[Wikipedia:Source editor|source editor]].

| Off || Off<br> On || [[File:RefToolbar 1.0.png]]<br />Standard toolbar

|-

=== VisualEditor ===

| rowspan=2 | On || Off || [[File:RefToolbar 2.0a.png]]<br />Enhanced editing toolbar

If your toolbar looks like this:

|-

[[File:VisualEditor toolbar-en.png|center|750px]]

| On || [[File:RefToolbar 2.0b.png]]<br />Enhanced editing toolbar with wizards

Then you are using the rich-text [[Wikipedia:VisualEditor|visual editor]].

|}

== List of functions ==

{| class="wikitable" style="text-align:center; width:80%"

|+ Source editor

|+ Enhanced toolbar: main selections

! Icon !! Function !! What it shows when editing !! What it shows on the page

|-

| colspan="4" style="text-align: center;" |[[File:Vector WikiEditor-toolbar bold B button-en.png|BoldWikiEditor texttoolbar|border|link=]]

|-

|Bold

| [[File:OOjs UI icon bold-b.svg|Bold text|center|link=]]

|!Bold

|<code><nowiki>'''Bold text'''</nowiki></code>

|'''Bold text'''

|-

| [[File:VectorOOjs toolbarUI italicicon I buttonitalic-i.pngsvg|Italic text|center|link=]]

|!Italic

|<code><nowiki>''Italic text''</nowiki></code>

|''Italic text''

|-

| [[File:VectorOOjs toolbarUI inserticon external link buttonsignature-ltr.pngsvg|ExternalYour linksignature with timestamp|center|link=]]

|!Sign talk comments<br />(with time stamp)

|External link

|<code><nowiki>[http://www.example.com link title]--~~~~</nowiki></code>

|[[Special:Mypage|Username]] ([[Special:Mytalk|talk]]) {{CURRENTTIME}}, {{CURRENTDAY}} {{CURRENTMONTHNAME}} {{CURRENTYEAR}} (UTC)

| [http://www.example.com link title]

|-

| [[File:VectorOOjs toolbarUI insert internalicon link button-ltr.pngsvg|Internal link|center|link=]]

|!Internal link

|<code><nowiki>[[Link title]]</nowiki></code>

|[[Link title]]

|-

| [[File:VectorOOjs toolbarUI inserticon image button-ltr.pngsvg|Embedded file|center|link=]]

|! Insert image

|<code><nowiki>[[File:Example.jpg|thumbnail]]</nowiki></code>

| [[File:Example.jpg|thumbnail]]

|-

| [[File:VectorOOjs toolbarUI inserticon reference buttonpuzzle-ltr.pngsvg|center|link=]]

|! Insert {{fnote}}template

| <code><nowiki>--~~~~{{Example}}</nowiki></code>

| {{Example}}

|-

| [[File:OOjs UI icon reference.svg|center|link=]]

! Insert [[Help:Footnotes|Reference]]

| <code><nowiki><ref>Insert footnote text here</ref></nowiki></code>

| <ref>Insert footnote text here</ref>

|-

| [[File:VectorOOjs toolbarUI signatureicon buttonhighlight.pngsvg|40px|Your signature with timestampcenter|link=]]

! Activate highlighting in wikitext

|Sign talk comments (with time stamp)

| [[File:OOjs UI icon highlight-progressive.svg|link=]] active

|<code><nowiki>--~~~~</nowiki></code>

|{{Meta|Community Tech/Wikitext editor syntax highlighting|Wikitext editor syntax highlighting}}

|[[Special:Mypage|Username]] ([[Special:Mytalk|talk]]) {{CURRENTTIME}}, {{CURRENTDAY}} {{CURRENTMONTHNAME}} {{CURRENTYEAR}} (UTC)

{{MediaWiki|Extension:CodeMirror}}

|-

| colspan="2" | [[File:Enhanced toolbarOOjs_UI_icon_next- Cite buttonltr.pngsvg|Insert citation10px|link=]] Advanced

! Open advanced menu

| Insert citation

| colspan="2" |See below.

|-

| colspan="2" | [[File:OOjs_UI_icon_next-ltr.svg|10px|link=]] Special characters

|[[File:Enhanced toolbar- Advanced button.png|Advanced|link=]]

! Open special characters menu

| Advanced

| colspan="2" |See below.

|-

| colspan="2" | [[File:OOjs_UI_icon_next-ltr.svg|10px|link=]] Help

|[[File:Enhanced toolbar- Special characters button.png|Special characters|link=]]

! Open help menu

| Special characters

| colspan="2" |See below.

|-

| colspan="2" | [[File:Enhanced toolbarOOjs_UI_icon_next- Help buttonltr.pngsvg|Help10px|link=]] Cite

! Open cite toolbar menu

| Help

| See [[Wikipedia:RefToolbar/2.0]].

| colspan="2" |See below

|-

|style="white-space: nowrap;"| [[File:OOjs UI icon edit-ltr.svg|link=]] [[File:OOjs UI icon expand.svg|12px|link=]]

! Change "Source editing" <br>to "Visual editing"

|}

|

|}

{| 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 toolbarWikiEditor-advanced Advanced toolbarmenu-en.png|Enhanced toolbar- Advanced toolbar|link=]]

|-

|[[File:EnhancedWikiEditor-heading toolbarmenu- Heading buttonen.png|Enhanced toolbar- Heading buttontoolbar|link=]]

| [[Help:Section|Section heading]]

| Heading

|<code><poem><nowiki>== Heading text ==

| [[File:Enhanced toolbar- Heading toolbar.png|Enhanced toolbar- Heading toolbar|link=]]

=== 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}}

|-

| [[File:VectorOOjs toolbarUI bulletedicon list buttonlistBullet-ltr.pngsvg|Bulleted list|link=]]

| [[Help:List|Bulleted list]]

| <code><nowiki>* Bulleted list item</nowiki></code>

|

| <nowiki />

* Bulleted list item

|-

| [[File:VectorOOjs toolbarUI numberedicon list buttonlistNumbered-ltr.pngsvg|Numbered list|link=]]

| [[Help:List|Numbered list]]

| <code><nowiki># Numbered list item</nowiki></code>

|

| <nowiki />

# Numbered list item

|-

| [[File:Vector toolbar noOOjs wikiUI formattingicon buttonnoWikiText-ltr.pngsvg|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>

|-

| [[File:VectorOOjs toolbarUI inserticon new line buttonnewline-ltr.pngsvg|link=]]

| [[Wikipedia:Line-break handling|Line break]]

| <code><nowiki><br /></nowiki></code>

| text before<br />abc

|-

| [[File:VectorOOjs toolbarUI bigicon text buttonbigger-ltr.pngsvg|link=]]

| Big text

| <code><nowiki><big>Big text</big></nowiki></code>

| <big>Big text</big>

|-

| [[File:VectorOOjs toolbarUI smallicon text buttonsmaller-ltr.pngsvg|link=]]

| Small text

| <code><nowiki><small>Small text</small></nowiki></code>

| <small>Small text</small>

|-

| [[File:VectorOOjs toolbarUI superscripticon buttonsuperscript-ltr.pngsvg|link=]]

| Superscript

| <code><nowiki>^{Superscript text}</nowiki></code>

| ^{Superscript text}

|-

| [[File:VectorOOjs toolbarUI subscripticon buttonsubscript-ltr.pngsvg|link=]]

| Subscript

| <code><nowiki>_{Subscript text}</nowiki></code>

| _{Subscript text}

|-

| [[File:VectorOOjs toolbarUI inserticon picture gallery buttonimageGallery-ltr.pngsvg|link=]]

| [[Help:Gallery tag|Picture gallery]]

| style="text-align: left;" | <code><poem><nowiki><gallery>

Line 138 ⟶ 159:

Example.jpg|Caption2

</gallery>

|-

| [[File:VectorOOjs toolbarUI inserticon table button.pngsvg|link=]]

| [[Help:Table|Table]]

| <code><poem><nowiki>{| class="wikitable" border="1"

Line 172 ⟶ 192:

| row 2, cell 3

|}

|-

| [[File:VectorOOjs toolbarUI redirecticon buttonarticleRedirect-ltr.pngsvg|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>

|}

{| class="wikitable" style="margin-top:0"

{| class="wikitable" style="text-align:center;width:80%"

|- style="background-color:#efefef;"

! Icon !! Function !! Description

|-

| [[File:VectorOOjs toolbarUI search-replaceicon buttonarticleSearch-ltr.pngsvg]]

|Search and Replace

|

Line 195 ⟶ 211:

{{Commons|MediaWiki edit toolbar}}

* [[Wikipedia:RefToolbar/2.0]]

* [[Wikipediawikipedia:Sandbox|Wikipedia ToolbarSandbox]] (Firefox only)

{{Help navigation}}