Help:Edit toolbar: Difference between revisions

Content deleted Content added
+VisualEditor
 
(40 intermediate revisions by 24 users not shown)
Line 2:
{{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
|-
| 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
|}
 
=== Visual editorVisualEditor ===
If your toolbar looks like this:
[[File:VisualEditor. toolbar-en.png|center|0.8x750px]]
Then you are using the rich-text [[Wikipedia:VisualEditor|visual editor]].
 
== List of functions ==
{| class="wikitable"
|+ 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:RefToolbar 2.0aWikiEditor-toolbar-en.png|Enhanced editingWikiEditor toolbar|border|link=]]
|-
| [[File:VectorOOjs toolbarUI boldicon B buttonbold-b.pngsvg|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<br />(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.
|}
 
{| class="wikitable"
|+ Enhanced toolbar with wizards: main selections
! Icon !! Function !! What it shows when editing !! What it shows on the page
|-
| colspan="4" style="textwhite-alignspace: centernowrap;" | [[File:RefToolbarOOjs 2UI icon edit-ltr.0b.pngsvg|Enhancedlink=]] editing[[File:OOjs toolbarUI withicon wizardsexpand.svg|12px|link=]]
! Change "Source editing" <br>to "Visual editing"
|-
|[[File:Vector toolbar bold B button.png|Bold text|link=]]
|Bold
|<code><nowiki>'''Bold text'''</nowiki></code>
|'''Bold text'''
|-
|[[File:Vector toolbar italic I button.png|Italic text|link=]]
|Italic
|<code><nowiki>''Italic text''</nowiki></code>
|''Italic text''
|-
|[[File:Vector toolbar signature button.png|40px|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:Vector toolbar insert internal link button.png|Internal link|link=]]
|Internal link
|<code><nowiki>[[Link title]]</nowiki></code>
|[[Link title]]
|-
|[[File:Vector toolbar insert image button.png|Embedded file|link=]]
|Insert image
|
|
|-
| [[File:Vector toolbar insert reference button.png|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 !! What it shows on the page
|-
| colspan="4" style="text-align: center;" |[[File:RefToolbar 2.0b.png|Enhanced editing toolbar with wizards|link=]]
|-
|[[File:Vector toolbar search-replace button.png]]
|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:EnhancedWikiEditor-advanced toolbarmenu- Advanced toolbaren.png|Enhanced toolbar- Advanced toolbar|link=]]
|-
|[[File:EnhancedWikiEditor-heading toolbarmenu- Heading toolbaren.png|Enhanced toolbar- Heading toolbar|link=]]
| [[Help:Section|Section heading]]
|<code><poem><nowiki>== Heading text ==
Line 168 ⟶ 107:
{{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>
Line 174 ⟶ 113:
* 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>
Line 180 ⟶ 119:
# Numbered list item
|-
| [[File:VectorOOjs toolbarUI noicon wiki formatting 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><sup>Superscript text</sup></nowiki></code>
| <sup>Superscript text</sup>
|-
| [[File:VectorOOjs toolbarUI subscripticon buttonsubscript-ltr.pngsvg|link=]]
| Subscript
| <code><nowiki><sub>Subscript text</sub></nowiki></code>
| <sub>Subscript text</sub>
 
|-
| [[File:VectorOOjs toolbarUI inserticon picture gallery buttonimageGallery-ltr.pngsvg|link=]]
| [[Help:Gallery tag|Picture gallery]]
| style="text-align: left;" | <code><poem><nowiki><gallery>
Line 221 ⟶ 159:
Example.jpg|Caption2
</gallery>
 
|-
| [[File:VectorOOjs toolbarUI inserticon table button.pngsvg|link=]]
| [[Help:Table|Table]]
| <code><poem><nowiki>{| class="wikitable" border="1"
Line 255 ⟶ 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"
|-
| [[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.]
|}
 
Line 266 ⟶ 211:
{{Commons|MediaWiki edit toolbar}}
* [[Wikipedia:RefToolbar/2.0]]
* [[Wikipediawikipedia:Sandbox|Wikipedia ToolbarSandbox]] (Firefox only)
 
{{Help navigation}}