Changes

Jump to navigation Jump to search

Help:Wiki Tutorial/Editing/VisualEditor

160 bytes added, 5 years ago
no edit summary
== Opening VisualEditor ==
<center>{| class="wikitable" cellpadding="20" style="clear: both"
|-
|
*It can take a few seconds for the page to open for editing, and longer if the page is very long.
*Clicking on the "{{int:visualeditor-ca-editsource}}" tab will open the classic wikitext source editor.
| [[File:VisualEditor edit tab-en.png|border|center|300px|framelessthumb]]|-| colspan=2 | <hr />
|-
|
*You can also open VisualEditor by clicking on the "{{int:editsection}}" link on each section. Protected pages do not have this link.
| [[File:VisualEditor - Section edit links-en.png|border|center|300px|framelessthumb]]
|}
<center>
== Getting started: the VisualEditor toolbar ==
<div class="overflowbugx" style="overflow:auto; width: 100%;">
[[File:VisualEditor toolbar-en.png|thumb|center|1200px|alt=Screenshot of the VisualEditor toolbar]]</div>
{| class="wikitable" cellpadding="20"
|-
| colspan=2 | <center><big>The VisualEditor toolbar appears at the top of the screen when you begin editing.</big><br>[[FileIt includes some familiar icons:VisualEditor toolbar-en.png|frameless|center|1200px|alt=Screenshot of the VisualEditor toolbar]]</center>
|-
| colspan=2 | <hr />|-| [[File:VisualEditor - Toolbar - Undo-redo.png|framelessthumb|border|150px|center]]
| '''{{int:visualeditor-historybutton-undo-tooltip}}''' and '''{{int:visualeditor-historybutton-redo-tooltip}}''' the changes you have made.
|-
| colspan=2 | <hr />|-| [[File:VisualEditor Toolbar Headings-en.png|framelessthumb|border|300px|center]]
| '''Headings''' pull-down menu: allows you to change how the paragraph is formatted. To change the style of a paragraph, put your cursor in the paragraph and select an item in this menu (you don't have to highlight any text). Section titles are formatted "{{int:visualeditor-formatdropdown-format-mw-heading2}}", and subsections are "{{int:visualeditor-formatdropdown-format-heading2}}", "{{int:visualeditor-formatdropdown-format-heading3}}", and so on. The normal format for text is "{{int:visualeditor-formatdropdown-format-paragraph}}".
|-
| colspan=2 | <hr />|-| [[File:VisualEditor Toolbar Formatting-en.png|framelessthumb|border|300px|center]]
|
'''Formatting:''' Clicking the "<u>'''''A'''''</u>" opens a menu.
If you have not selected any text, then when you click the "<u>'''''A'''''</u>" to open the menu, and then select an item, that formatting will apply to the text that you start typing, from wherever your cursor is located.
|-
| colspan=2 | <hr />|-| [[File:VisualEditor - Toolbar - Linking.png|framelessthumb|border|300px|center]]
| '''Linking tool:''' The chain icon is the [[#Editing links|linking tool]]. Clicking on it (usually after selecting some text) opens the [[#Editing links|link dialog]].
|-
| colspan=2 | <hr />|-| [[File:VisualEditor - Cite Pulldown.png|framelessthumb|border|150px|center]]
| '''{{int:Cite-ve-toolbar-group-label}} menu:''' The "{{int:Cite-ve-toolbar-group-label}}" menu is used to add inline citations (also called "footnotes" or "references"). All projects have access to "{{int:Cite-ve-dialogbutton-reference-tooltip}}" reference formatting and the ability to "{{int:Cite-ve-dialog-reference-useexisting-tool}}" citations, using this menu. This menu also gives you quick access to local citation templates, if these are enabled on your wiki.
(Instructions for adding local citation templates to the {{int:Cite-ve-toolbar-group-label}} menu at a specific wiki are available at [[MW:VisualEditor/Citation tool|VisualEditor/Citation tool]].)
|-
| colspan=2 | <hr />|-| [[File:VisualEditor citoid Cite button.png|framelessthumb|border|150px|center]]
| '''{{int:Cite-ve-toolbar-group-label}} button:''' If the citoid service is enabled on your wiki, then you will see a "{{int:Cite-ve-toolbar-group-label}}" button instead of a {{int:Cite-ve-toolbar-group-label}} menu.
The citoid service tries to fill out citation templates automatically.
|-
| colspan=2 | <hr />|-| [[{{#ifexist: Media:VisualEditor Toolbar Lists and indentation-{{CONTENTLANGUAGE}}.png|File:VisualEditor Toolbar Lists and indentation-{{CONTENTLANGUAGE}}.png|File:VisualEditor Toolbar Lists and indentation-en.png}}|framelessthumb|border|300px|center]]
| '''Lists and indentation:''' The first two items allow you to format text as either a "{{int:visualeditor-listbutton-bullet-tooltip}}" or a "{{int:visualeditor-listbutton-number-tooltip}}". The last two items allow you to decrease or increase the indentation level of list items.
|-
| colspan=2 | <hr />|-| [[File:VisualEditor Insert Menu-en.png|framelessthumb|border|250px|center]]
| '''{{int:visualeditor-toolbar-insert}}:''' The "{{int:visualeditor-toolbar-insert}}" menu may be different on some projects. Below is a list of '''all''' options that may appear.
* The "{{int:visualeditor-dialogbutton-media-tooltip}}" icon (a picture of mountains) opens the [[#Editing images and other media files|media dialog]].
* The "{{int:wikihiero-visualeditor-mwhieroinspector-title}}" icon (an [[:w:ankh|ankh]] symbol - ☥) allows you to enter the hieroglyphics inserter. (<s>See below.</s> Not mentioned again.)
* The "{{int:visualeditor-dialogbutton-referenceslist-tooltip}}" icon (three books) opens a dialog in which you can specify where will references be displayed to the reader. Usually this only needs to be done once on every page.
|-
| colspan=2 | <hr />
|-
| colspan=2 | '''Special character insertion:''' The "{{int:visualeditor-specialcharacter-button-tooltip}}" (Ω) icon on the "{{int:visualeditor-toolbar-insert}}" menu, when clicked, displays a dialog showing many special characters. By clicking on a specific character, you place it into the text. These special characters include some standard symbols, accents, and mathematical symbols. (This list may be customized locally. See [[VisualEditor/Special characters]] for instructions.)
|}
<div class="overflowbugx" style="overflow:auto; ">
[[File:VisualEditor Toolbar SpecialCharacters-en.png|framelessthumb|border|1100px|center]]</div>
{| cellpadding="20"
|-
|-
| colspan=2 | <hr />|-| [[File:VisualEditor More Settings-en.png|framelessthumb|400px|border|center]]
| The '''{{int:visualeditor-pagemenu-tooltip}}''' menu is to the left of the '''Publish changes''' button. On this menu there are options to adjust page settings, such as whether the page is a redirect, or how it is indexed; to [[#Editing categories|add, edit, or delete categories]]; and to see, using the "{{int:visualeditor-annotationbutton-language-tooltip}}" item, the list of articles on the same subject that are in other languages. You can also switch (one-way only) from VisualEditor to the classic wikitext source editor without losing the editing work you've done.
|}

Navigation menu