View source for Help:VisualEditor/User guide/sco

<languages />
<div style="max-width:70em; margin:auto;">{{PD Help Page}}</div>
{{VisualEditor Portal}}
<div style="max-width:70em; margin:auto;">
{{ombox|text=
<span class="plainlinks"><span lang="en" dir="ltr" class="mw-content-ltr">If you would like to try the visual editor without editing an article, [{{fullurl:VisualEditor:Test|veaction=edit}} here is a page] where you can freely test it.</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">You don't need an account to use the visual editor on that page.</span>}}

__TOC__
__NOEDITSECTION__

== Apenin VeesualEediter ==

{| cellpadding="20" style="clear: both"
|-
| Tae eedit ae page uisin VeesualEediter, clap oan the "{{int|vector-view-edit}}" tab at the tap o the page.

It can tak ae few seiconts fer the page tae apen fer eeditin, n langer gif the page is awfa lang.

Clapin oan the "{{int|visualeditor-ca-editsource}}" tab will apen the classeec wikitex soorce eediter.
| [[{{lm|VisualEditor edit tab|png|-}}|frameless|border|center|300px]]
|-
| colspan=2 | <hr />
|-
| Foreby, ye can apen VeesualEediter bi clapin oan the "{{int|editsection}}" link oan ilka section.
| [[{{lm|VisualEditor - Section edit links|png|-}}|frameless|border|center|300px]]
|}

== Gettin stairtit: the VeesualEediter tuilbaur ==

<div style="margin: 0 -50px;">
[[{{lm|VisualEditor toolbar|png|-}}|frameless|center|950px|alt=<span lang="en" dir="ltr" class="mw-content-ltr">Screenshot of the visual editor's toolbar</span>]]</div>

{| cellpadding="20"
|-
| colspan=2 | The VeesualEediter tuilbaur kiths at the tap o the screen whan ye begin eeditin throoch VeesualEediter. It incluids some fameeleear icons:
|-
| colspan=2 | <hr />
|-
| [[File:VisualEditor - Toolbar - Undo-redo.png|frameless|border|150px|center]]
| '''{{int|visualeditor-historybutton-undo-tooltip}}''' n '''{{int|visualeditor-historybutton-redo-tooltip}}''' the chynges that ye'v dun.
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor Toolbar Headings|png|-}}|frameless|border|300px|center]]
| <span lang="en" dir="ltr" class="mw-content-ltr">'''Headings''' pull-down menu: allows you to change how the paragraph is formatted.</span> <span lang="en" dir="ltr" class="mw-content-ltr">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).</span> <span lang="en" dir="ltr" class="mw-content-ltr">Section titles are formatted "{{int|visualeditor-formatdropdown-format-mw-heading2}}", and subsections are "{{int|visualeditor-formatdropdown-format-mw-heading3}}", "{{int|visualeditor-formatdropdown-format-mw-heading4}}", and so on.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The normal format for text is "{{int|visualeditor-formatdropdown-format-paragraph}}".</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor Toolbar Formatting|png|-}}|frameless|border|300px|center]]
| 
<span lang="en" dir="ltr" class="mw-content-ltr">'''Formatting:''' Pressing the "<u>'''''A'''''</u>" opens a menu.</span> 
* The "{{int|visualeditor-annotationbutton-bold-tooltip}}" icon ('''B''') bauds the selectit tex.
* The "{{int|visualeditor-annotationbutton-italic-tooltip}}" icon (''I'') italeecises the selectit tex.
* The "{{int|visualeditor-annotationbutton-superscript-tooltip}}" icon (x<sup>2</sup>) causes the selectit tex tae kith smawer than the surroondin tex n slichtlie ablo the line.
* The "{{int|visualeditor-annotationbutton-subscript-tooltip}}" icon (x<sub>2</sub>) causes the selectit tex tae kith smawer than the surroondin tex n slichtlie abuin the line.
* The "{{int|visualeditor-annotationbutton-strikethrough-tooltip}}" icon (<s>S</s>) eiks ae solid baur throoch the selectit tex.
* <span lang="en" dir="ltr" class="mw-content-ltr">The "{{int|visualeditor-annotationbutton-code-tooltip}}" item (a set of curly brackets: <code>{}</code>) changes the font of the selected text to a monospaced font, which sets it apart from surrounding (proportionally spaced) text.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">The "{{int|visualeditor-annotationbutton-underline-tooltip}}" item (<u>U</u>) adds a solid line beneath the selected text.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">The "{{int|visualeditor-annotationbutton-language-tooltip}}" item (文A) allows you to label the language (for example, Japanese) and direction (for example, right-to-left) of the selected text.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">The final item ([[File:VisualEditor MediaWiki theme clear icon bitmap.png]]), called "{{int|visualeditor-clearbutton-tooltip}}", removes all character formatting from the selected text, including links.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">If you have not selected any text, then when you press 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.</span>
|-
| colspan=2 | <hr />
|-
| [[File:VisualEditor - Toolbar - Linking.png|frameless|border|300px|center]]
| <span lang="en" dir="ltr" class="mw-content-ltr">'''Linking tool:''' The chain icon is the [[#Editing links|linking tool]]. Pressing on it (usually after selecting some text) opens the [[#Editing links|link dialog]].</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor - Cite Pulldown|png|-}}|frameless|border|130px|center]]
| <span lang="en" dir="ltr" class="mw-content-ltr">'''{{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 basic reference formatting and the ability to reuse citations by using this menu.</span>

|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor citoid Cite button|png|-}}|frameless|border|150px|center]]
| '''<span lang="en" dir="ltr" class="mw-content-ltr">{{int|citoid-citoidtool-title}} button:</span>''' <span lang="en" dir="ltr" class="mw-content-ltr">If the {{ll|Citoid|Citoid}} service and/or citation tool is enabled on your wiki, you will see a {{int|citoid-citoidtool-title}} button instead of a {{int|cite-ve-toolbar-group-label}} menu.</span> 

<div lang="en" dir="ltr" class="mw-content-ltr">
Instructions for adding local citation templates to the "{{int|citoid-citoiddialog-mode-manual}}" tab at a specific wiki are available at {{ll|VisualEditor/Citation tool}}.)
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
Instructions for enabling the {{int|citoid-citoiddialog-mode-auto}} tab are available at [[Special:MyLanguage/Citoid/Enabling Citoid on your wiki|Enabling Citoid on your wiki]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
The citoid service tries to fill out citation templates automatically.
</div>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor Toolbar Lists and indentation|png|-}}|frameless|border|300px|center]]
| <span class="mw-translate-fuzzy">'''Leets & indentation:''' The first twa icons permit ye tae cræft nummert or bullet leets, respecteevelie. The laist twa permit ye tae mak muckler or smawer the indentation level o content.</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor Insert Menu|png|-}}|frameless|border|250px|center]]
| <span class="mw-translate-fuzzy">'''{{int:visualeditor-toolbar-insert}}:''' The "{{int:visualeditor-toolbar-insert}}" puldoon oan the VeesualEediter tuilbaur leads til several addeetional optional actions, incluidin eikin referances n transcluidin templates. The  "{{int:visualeditor-toolbar-insert}}" puldoon micht be differant oan some waurks. Ablo is ae leet o aw opties that micht kith.</span>
* The "{{int|visualeditor-dialogbutton-media-tooltip}}" icon (ae pictur o moontains) apens the [[#Editing images and other media files|media dialog]].
* <span lang="en" dir="ltr" class="mw-content-ltr">The "{{int|visualeditor-dialogbutton-template-tooltip}}" icon (a puzzle piece) allows you to [[#Editing templates|edit templates]].</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">The "Table" item allows you to insert a table.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">The "{{int|visualeditor-commentinspector-tooltip}}" item (a speech balloon) allows you to insert comments that are not visible to readers; these comments can be seen only when in edit mode, where they are indicated by an exclamation mark icon. In edit mode, pressing on the exclamation mark icon allows you to edit or delete the comment.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">The "{{int|wikihiero-visualeditor-mwhieroinspector-title}}" icon (an [[:w:ankh|ankh]] symbol - ☥) allows you to enter the hieroglyphics inserter. (See below.)</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">The "Code block" item allows you to insert code.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">The "Musical notation" item allows you to insert a musical notation.</span>
* The "{{int|visualeditor-mwgallerydialog-title}}" icon (ae set o photæs) permits ye tae insert ae gallerie oantil the page.
* <span lang="en" dir="ltr" class="mw-content-ltr">The "{{int|math-visualeditor-mwmathdialog-title}}" icon (Σ) opens the [[#Editing mathematical formulae|formula inserter dialog]].</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">The "Graph" item allows you to insert a graph.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">The "{{int|visualeditor-mwsignature-tool}}" item allows you to insert a signature that you use on the project.</span> <span lang="en" dir="ltr" class="mw-content-ltr">It will be greyed out (not selectable) when you are editing a type of page (a "{{ll|Manual:Namespace|namespace}}"), such as an article, where signatures should not be inserted.</span>
* <span class="mw-translate-fuzzy">The "{{int|cite-ve-dialogbutton-referenceslist-tooltip}}" icon (three buiks) apens ae dialog tae displey referances.</span>
|-
| colspan=2 | <hr />
|-
| colspan=2 | <span class="mw-translate-fuzzy">'''{{int:visualeditor-specialcharacter-button-tooltip}} insertion:''' The "{{int:visualeditor-specialcharacter-button-tooltip}}" icon permits yae tae summin ae subwindae wi ae nummer o byordinar chairachters that ye can steid intil the tex. Thir incluid some staundairt simbils, accents n mathemateecal simbils.</span> <span lang="en" dir="ltr" class="mw-content-ltr">(This list may be customized locally. See {{ll|VisualEditor/Special characters}} for instructions.)</span>
|}
<div style="margin: 0 -50px;">
[[{{lm|VisualEditor Toolbar SpecialCharacters|png|-}}|frameless|border|950px|center]]</div>
{| cellpadding="20"
|-
| colspan=2 | <hr />
|-
| [[File:VisualEditor toolbar edit notices icon.png|frameless|150px|border|center]]
| <span lang="en" dir="ltr" class="mw-content-ltr">The '''Edit notices''' button displays any notices for the page.</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor More Settings|png|-}}|frameless|400px|border|center]]
| <span lang="en" dir="ltr" class="mw-content-ltr">The '''{{int|visualeditor-pagemenu-tooltip}}''' menu is to the left of the ''{{int|publishchanges}}'' button and the ''{{int|visualeditor-mweditmode-tooltip}}'' menu. On this menu there is a button to open an ''{{int|visualeditor-meta-tool}}'' dialog with the following (left side) tabs:</span>

* <span lang="en" dir="ltr" class="mw-content-ltr">'''[[#Editing categories|{{int|visualeditor-categories-tool}}]]''' allows you to add categories to this page and to adjust how the page is sorted, when displayed within a category by setting a different index to sort with.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">'''[[#Editing page settings|{{int|visualeditor-dialog-meta-settings-label}}]]''' allows you to make the page a redirect and adjust options of this redirect, to adjust settings regarding the displaying of the Table of Contents, to disable the edit links next to each heading, and to define the page as a disambiguation page.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">'''{{int|visualeditor-advancedsettings-tool}}''' allows you to adjust the settings regarding indexation of the page by search engines, showing a tab to add a new section, and the displayed title.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">'''{{int|visualeditor-mwlanguagevariantinspector-filter-langs-label}}''' shows a list of pages in other languages that are linked to that page.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">'''{{int|visualeditor-templatesused-tool}}''' shows a list of links to each template used on this page.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">The tabs of the {{int|visualeditor-dialog-meta-title}} dialog are also displayed in the {{int|visualeditor-pagemenu-tooltip}} menu and can be opened by clicking on it.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">Furthermore the {{int|visualeditor-pagemenu-tooltip}} menu contains the items {{int|visualeditor-changedir-tool-ltr}} or {{int|visualeditor-changedir-tool-rtl}} and the item '''[[Special:MyLanguage/Help:VisualEditor/User guide/Find and replace|{{int|visualeditor-find-and-replace-title}}]]''', which opens a bar, where you can insert words or regular expressions you are searching for and those to replace them with, together with several buttons for options.</span>
|-
| colspan=2 | <hr />
|-
| [[File:OOjs UI icon edit-ltr.svg|frameless|150px|border|center]]
| <span lang="en" dir="ltr" class="mw-content-ltr">The '''{{int|visualeditor-mweditmode-tooltip}}''' button is next to the '''{{int|publishchanges}}''' button. It allows you to switch to the wikitext editor.</span>
|}

== <span class="mw-translate-fuzzy">Hainin chynges</span> ==

{| cellpadding="20"
|-
| <span class="mw-translate-fuzzy">Whan ye'r dun eeditin clap the green "{{int|publishchanges}}" button in the tuilbaur. The green button canna be clapt gif nae chynges were dun.</span> <span lang="en" dir="ltr" class="mw-content-ltr">To cancel all your editing changes, close your browser window, or press the "{{int|vector-view-view}}" tab above the edit toolbar.</span>
| [[{{lm|VisualEditor toolbar actions|png|-}}|frameless|border|300px|center]]
|-
| colspan=2 | <hr />
|-
| <span class="mw-translate-fuzzy">Pressin the green "{{int:visualeditor-toolbar-savedialog}}" button apens ae smaw dialog whaur in ye can enter ae brief ootline o yer actions, maurk yer eedit aes smaw, n chuise tae watch futur eedits oan the page.</span>

<div class="mw-translate-fuzzy">
The nummer indicates hou muckle space is left in yer eedit ootline. Forby, ye can luikower yer chynges tae be sair that thay wairk aes intended afore hainin yer chynges.
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
The "{{int|Visualeditor-savedialog-label-resume-editing}}" button returns you to the page you were editing. You can publish all of your changes later.
</div>
| [[{{lm|VisualEditor save dialog|png|-}}|frameless|border|center|500px]]
|}
{{anchor|EditingLinks}}
<span id="Editing_links"></span>
<div class="mw-translate-fuzzy">
Eeditin airtins
</div>
{| cellpadding="20"
|-
| [[File:VisualEditor - Toolbar - Linking.png|frameless|border|300px|center]]
| <span class="mw-translate-fuzzy">Airtins can be eikit throoch the "{{int|visualeditor-annotationbutton-link-tooltip}}" icon (airtins in ae chain) in the tuilbaur, or bi uisin the shortcut {{key press|Ctrl|K}} (or {{Key press|Command|K}} oan ae Mac).</span>

<span lang="en" dir="ltr" class="mw-content-ltr">If you select (highlight) text and then press the "{{int|visualeditor-annotationbutton-link-tooltip}}" button, that text will be used in creating the link. For a link that involves only one word, you can either select that word or just put the cursor within that word.</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor-link tool-search results|png|-}}|frameless|border|center|400px]]
| Whather ye uise the button or the shortcut, ae dialog will apen, whaur in ye can type the airtin. VeesualEediter will ettle tae heelp wi internal airtins (airtins til ither pages o Wikipædia) bi seekin likelie matches aes ye begin tae type.
<span lang="en" dir="ltr" class="mw-content-ltr">The link tool will try to help with '''internal''' links by searching for likely matches.</span>
<span class="mw-translate-fuzzy">Yince ye'v entered or selectit the airtin, ye can press {{key press|Enter}}, clap ootside the kist, or press the claise icon (<). Yer airtin will kith oan the VeesualEediter page, bit it will na be hained ontil ye hain the page.</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor-link tool-external link|png|-}}|frameless|border|400px|center]]
| Tae airt til ae wab page ootside Wikipædia, the process is the same; jist enter the link in the field n it will be added aes "{{int|visualeditor-linkinspector-button-link-external}}".
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor link tool simple link|png|-}}|frameless|border|400px|center]]
| <span lang="en" dir="ltr" class="mw-content-ltr">External links without labels look like this: [http://example.com].</span> <span lang="en" dir="ltr" class="mw-content-ltr">You can add these by placing your cursor away from any word (e.g., after a space).</span> <span lang="en" dir="ltr" class="mw-content-ltr">Open the link tool by pressing on the button or pressing the shortcut keys.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Type the URL in the box, and press the "{{int|visualeditor-dialog-action-done}}" button to insert the link.</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor-context menu-link tool|png|-}}|frameless|border|400px|center]]
| <span lang="en" dir="ltr" class="mw-content-ltr">To change or remove an existing link, press within the text for that link, then press the "{{int|visualeditor-annotationbutton-link-tooltip}}" icon that appears near it. The dialog will appear, for editing. You can also get to the dialog with the {{key press|Ctrl|K}} keyboard shortcut.</span> <span lang="en" dir="ltr" class="mw-content-ltr">When a link is selected, it appears as blue framed.</span>

<span class="mw-translate-fuzzy">Ye can than eedit the airtin's tairget, or remuiv it awthegather bi pressin the "{{int:visualeditor-inspector-remove-tooltip}}" icon (ridd bin) in the tap-richt corner o the dialog.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">You can also open the link's target in another window by pressing on the copy of the link in the dialog box. (You might want do this to check if an external link is valid.)</span>

<div lang="en" dir="ltr" class="mw-content-ltr">
If you want to exit the link label (the text displayed as a link) or continue to write after this link, you can press {{Key press|→}}:
</div>
* <span lang="en" dir="ltr" class="mw-content-ltr">Pressing it once will escape the link editing dialog and put your cursor at the end of the element linked (blue framed, to edit this element)</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">Pressing it twice will put the cursor after the element linked, ready to type the rest of your text.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">To edit the link label of an existing link, press within the link label and type the new one.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">But if you want to replace the entire label, please note:</span>

* <span lang="en" dir="ltr" class="mw-content-ltr">If you have selected (highlighted) the entire link label, the link will be deleted by typing any key.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">To edit the link label directly without deleting it, put the cursor within that link label, use the backspace and delete keys (no more than necessary), and a narrow blue link area will remain there.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Now you may type in the new label for the kept link.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">You can also [[Special:MyLanguage/Help:VisualEditor/User guide/Links|link to categories, files and more]].</span>
|}

{{anchor|EditingReferences}}
<span id="Editing_references"></span>
<div class="mw-translate-fuzzy">
Eeditin referances
</div>
{{Further|1=<span lang="en" dir="ltr" class="mw-content-ltr">[[Help:VisualEditor/User guide/Citations-Templates|Help using citation templates]] or [[Help:VisualEditor/User guide/Citations-Full|Help using citoid's {{int|citoid-citoiddialog-mode-auto}} tab]]</span>}}

{| cellpadding="15"
| colspan=2 | 
<div lang="en" dir="ltr" class="mw-content-ltr">
=== Determining which system is in place ===
</div>
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">Your wiki may use one of three footnote systems.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The one shown on the right is the simplest system, where the "{{int|cite-ve-toolbar-group-label}}" menu does not include any citation templates.</span> <span lang="en" dir="ltr" class="mw-content-ltr">If your wiki uses this system, then everything you need to know about footnotes is on this page.</span>
|[[{{lm|VisualEditor cite menu default|png|-}}|frameless|border|center|200px]]
|-
| colspan=2 | <hr />
|-
|
|[[{{lm|VisualEditor citoid Cite button|png|-}}|frameless|border|center|100px]]
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">In the second system, you again start by pressing the {{int|citoid-citoidtool-title}} button.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Then a dialog box opens, which includes several popular citation templates set up for quick access in the "{{int|citoid-citoiddialog-mode-manual}}" tab.</span> <span lang="en" dir="ltr" class="mw-content-ltr">If your wiki uses this system, then you will find more details at {{ll|Help:VisualEditor/User guide/Citations-Templates}}</span>
|[[{{lm|Manual_tab_only_-_visual_editor_-_citations|png|-}}|frameless|border|center|200px]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">In the third system, you again start by pressing the {{int|citoid-citoidtool-title}} button.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Then a dialog box opens, which includes an automatic citation process using the citoid service under the Automatic tab.</span> <span lang="en" dir="ltr" class="mw-content-ltr">If your wiki uses this system, you will find more details at {{ll|Help:VisualEditor/User guide/Citations-Full}}</span>
|[[{{lm|VisualEditor Citoid Inspector|png|-}}|frameless|border|center|400px]]
|-
| colspan=2 | 
<span id="Editing_an_existing_reference"></span>
=== Eeditin aen exeestin referance ===
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">To edit an existing reference, press on it where it appears in the text (usually as a bracketed number). You will see either a "{{int|cite-ve-dialogbutton-reference-title}}" icon (bookmark) or an icon (and name) for the template that was used to create this reference. In either case, pressing on the "{{int|visualeditor-contextitemwidget-label-secondary}}" button will open a dialog where you can edit the reference.</span>
| [[{{lm|VisualEditor - Editing references 1|png|-}}|frameless|border|400px|center]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">For the "{{int|cite-ve-dialogbutton-reference-title}}" icon, pressing "{{int|visualeditor-contextitemwidget-label-secondary}}" opens the reference dialog. To start changing the reference information, press on it.</span>

<div class="mw-translate-fuzzy">
Monie wikis uise templates tae format referances accordin til ae speceefeec staundairt. Ye'll see this gif ye eedit aen exeestin referance whase content turns blue whan ye select it.
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
If a template was used and you press on the reference information, then the {{int|visualeditor-dialogbutton-template-tooltip}} icon (puzzle piece) will appear with some information. Press on the "{{int|visualeditor-contextitemwidget-label-secondary}}" button to edit the content of the template in the template editor dialog.
</div>
| [[{{lm|VisualEditor - Editing references 6|png|-}}|frameless|border|center|400px]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">If what appears when you press on a reference is an icon for a standard template for citations (an example is at right), then pressing "{{int|visualeditor-contextitemwidget-label-secondary}}" will open the template editor dialog.</span>
| [[{{lm|VisualEditor - Editing References - Cite Web|png|-}}|frameless|border|center|400px]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">Inside the template editor, you can add or remove types of information or change current content. Only fields (template parameters) that have content will show, initially. To add fields, press on "{{int|visualeditor-dialog-transclusion-add-param-save}}" at the bottom of the editor.</span>
| [[{{lm|VisualEditor - Editing references 5|png|-}}|frameless|border|center|400px]]
|-
| colspan=2 | <hr />
|-
| Clap oan "{{int|visualeditor-dialog-action-apply}}" whan ye'r dun. 
| [[{{lm|VisualEditor Apply Changes|png|-}}|frameless|border|center|150px]]
|-
| colspan=2 | <hr />
|-
| colspan=2 | 
=== Reuisin aen exeestin referance ===
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">If the page already contains a citation that applies to the text you want to source, then you can choose to re-use that existing citation.</span>

<div class="mw-translate-fuzzy">
Tae reuise aen exeestin referance, place yer curser whaur ye want tae add it in the tex, n clap on the "{{int:visualeditor-dialogbutton-reference-tooltip}}" icon (buikmaurk) fae the "{{int:visualeditor-toolbar-insert}}" menu.
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
(Note: If your wiki has the second or third footnote system described above, you'll see a "{{int|citoid-citoiddialog-mode-reuse}}" tab, in a dialog, instead of a "{{int|cite-ve-dialog-reference-useexisting-tool}}" item on the "{{int|cite-ve-toolbar-group-label}}" menu.)
</div> 
| [[{{lm|VisualEditor cite menu default|png|-}}|frameless|border|200px|center]]
|-
| colspan=2 | <hr />
|-
| <span class="mw-translate-fuzzy">Gif thaurs monie referances, ye can uise the rake baur (labeled "{{int|cite-ve-reference-input-placeholder}}") tae yinlie displey referances that match ae gien tex.</span>
| [[{{lm|VisualEditor - Editing references 18|png|-}}|frameless|border|400px|center]]
|-
| colspan=2 | <hr />
|-
| colspan=2 |
=== Adding ae new referance ===
|-
| <span class="mw-translate-fuzzy">Tae eik ae new referance, place yer curser whaur ye want tae add it in the tex, n clap oan the "{{int:visualeditor-dialogbutton-reference-tooltip}}" icon (buikmaurk) in the "{{int:visualeditor-toolbar-insert}}" puldoon oan the tuilbaur.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Then click "{{int|visualeditor-dialog-media-type-none}}".</span>
| [[{{lm|VisualEditor cite menu default|png|-}}|frameless|border|200px|center]]
|-
| colspan=2 |
==== <span lang="en" dir="ltr" class="mw-content-ltr">Using the "{{int|visualeditor-dialog-media-type-none}}" citation</span> ====
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">Shown here is what you will see if you select the basic references item.</span>  <span class="mw-translate-fuzzy">In the referance eediter, ye can eik, eedit n format yer citation.</span>

<span class="mw-translate-fuzzy">Ye can mak the referance belang til ae gien groop; this is uised tae displey groops o referances wi the "{{int:visualeditor-dialog-referencelist-title}}" tuil.</span>
| [[{{lm|VisualEditor - Editing references 20|png|-}}|frameless|border|400px|center]]
|-
| colspan=2 | <hr />
|-
| <span class="mw-translate-fuzzy">Gif ye'r eikin ae new referance n ye want tae include ae template in it, clap the Template icon (puzzle piece) in the puldoon "{{int:visualeditor-toolbar-insert}}" tuilbaur o the referance eediter.</span>
| [[{{lm|VisualEditor Template Insert Menu|png|-}}|frameless|border|center|200px]]
|-
| colspan=2 | <hr />
|-
| <span class="mw-translate-fuzzy">Than, seek the template that ye want tae uise, eik it n eedit it aes ye wid aen exeestin template.</span>

<div class="mw-translate-fuzzy">
Clap oan "{{int:visualeditor-dialog-action-apply}}" tae return til the refarence eediter, n "{{int:visualeditor-dialog-action-apply}}" again tae return til the page.
</div>
| [[{{lm|VisualEditor - Editing references 9|png|-}}|frameless|border|center|400px]]
|-
| colspan=2 | <hr />
|-
| Gif thaur's na awreadie ae leet o referances oan the page (fer example, gif ye'r addin the first referance o the page), ye need tae eik it in order fer the tex o yer referance tae be displeyed.

<div class="mw-translate-fuzzy">
Place the curser whaur ye want tae displey referances (uissuallie at the bottom o the page), n clap the "{{int:visualeditor-dialog-referencelist-title}}" icon (three buiks) tae eik it.
</div>
| [[{{lm|VisualEditor References List Insert Menu|png|-}}|frameless|border|center|200px]]
|-
| colspan=2 | <hr />
|-
| <span class="mw-translate-fuzzy">Gif ye cræftit groops o referances, ye can speceefie ae groop in this dialog, tae selecteevelie displey referances that belang til it.</span>

<div lang="en" dir="ltr" class="mw-content-ltr">
The final step in the References list dialog is to press "{{int|visualeditor-dialog-action-insert}}".
</div>
| [[{{lm|VisualEditor references list|png|-}}|frameless|border|center|400px]]
|-
| colspan=2 |
==== <span lang="en" dir="ltr" class="mw-content-ltr">Using standard cite templates</span> ====
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">Your local wiki may have added extra citation templates to the "{{int|cite-ve-toolbar-group-label}}" menu. If so, you have quick access to the most-used citation templates for your wiki.</span> <span lang="en" dir="ltr" class="mw-content-ltr">(Instructions for adding extra citation templates to your local wiki are available at {{ll|VisualEditor/Citation tool}}.)</span>
| [[{{lm|Manual_tab_only_-_visual_editor_-_citations|png|-}}|frameless|border|200px|center]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">Pressing on a template icon such as "Cite book" will take you into the template editor for that template. Important information fields may be marked with an asterisk. While the most common fields will be shown, not all of them are required.</span>
| [[{{lm|VisualEditor - Editing references - Cite book required fields|png|-}}|frameless|border|430px|center]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">To add more parameters, scroll down in the template editor and press on the "{{int|visualeditor-dialog-transclusion-add-param-save}}" option.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">Press on "{{int|visualeditor-dialog-action-insert}}" when you are done.</span>
| [[{{lm|VisualEditor - Editing references - Add parameter|png|-}}|frameless|border|200px|center]]
|}

{{anchor|Images}}
<div lang="en" dir="ltr" class="mw-content-ltr">
== Editing images and other media files ==
</div>
{| cellpadding="15"
|-
| colspan=2 |
=== <span lang="en" dir="ltr" class="mw-content-ltr">Editing images</span> ===
|-
| Tae eik ae new eemage (or anither type o media file) til the page, clap the "{{int|visualeditor-dialogbutton-media-tooltip}}" icon (ae pictur o moontains) in the "{{int|visualeditor-toolbar-insert}}" puldoon menu. The eemage will be eikit whaurever yer cursor is.
| [[{{lm|VisualEditor Media Insert Menu|png|-}}|frameless|border|200px|center]]
|-
| colspan=2 | <hr />
|-
| <span class="mw-translate-fuzzy">Clapin oan the "{{int|visualeditor-dialogbutton-media-tooltip}}" icon apens ae dialog that autæmateeclie rakes Wikimedia Commyns fer media files sib til the page that ye'r eeditin.</span>

Ye can seek ither media files bi chyngin the tex in the dialog's rake kist.

Clap oan ae thummnail tae chuise ae file.

<div lang="en" dir="ltr" class="mw-content-ltr">
This places the image onto the page you are editing.
</div>
| [[{{lm|VisualEditor - Media editing 2|png|-}}|frameless|border|center|500px]]
|-
| colspan=2 | <hr />
|-
| <span class="mw-translate-fuzzy">The media dialog permits ye tae eik (n eedit) ae caption, that can contain formattin n airtins.</span>
| [[{{lm|VisualEditor - Media editing 6|png|-}}|frameless|border|center|400px]]
|-
| colspan=2 | <hr />
|-
| The media dialog permits ye tae eik alternateeve tex captions aes weel, this heelps uisers that uise screen readers, or that hae disabled eemage displey.
| [[{{lm|VisualEditor - Media editing 7|png|-}}|frameless|border|center|400px]]
|-
| colspan=2 | <hr />
|-
| Ye can set vareeis boondins fer the eemage in the "Advanced settins" windae aes weel.  Thir incluid its alignment, its type, n its size.
| [[{{lm|VisualEditor - Media editing 8|png|-}}|frameless|border|center|400px]]
|-
| colspan=2 | <hr />
|-
| Whan ye dun, clap "{{int|visualeditor-dialog-action-apply}}" tae claise the dialog n return til the page eediter.
| [[{{lm|VisualEditor Apply Changes|png|-}}|frameless|border|center|150px]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">For an existing image, you can add or edit a caption or other settings by pressing on the image, then pressing on the "{{int|visualeditor-dialogbutton-media-tooltip}}" icon that appears below the picture.</span>

<div lang="en" dir="ltr" class="mw-content-ltr">
You can resize an existing image by pressing on it, then moving the resize icon (the two-headed arrow on one or both bottom corners).
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
You can also drag and drop an image to a place higher or lower on the page.
</div>
| [[{{lm|VisualEditor - Media editing 3|png|-}}|frameless|center|360px]]
|}

=== <span lang="en" dir="ltr" class="mw-content-ltr">Uploading images</span> ===

{| cellpadding="15"
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">You can upload images from a tab in the media dialog, or by dragging and dropping a file into the editor, or by pasting an image from your clipboard.</span>
| [[{{lm|VisualEditor - Media upload 1|png|-}}|frameless|border|400px|center]]
|-
| colspan=2 | <hr /> 
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">Press the "{{int|visualeditor-dialog-media-search-tab-upload}}" tab and select an image from your computer.</span> <span lang="en" dir="ltr" class="mw-content-ltr">You can type the file name, or drag an image into the box.</span> <span lang="en" dir="ltr" class="mw-content-ltr">If you dragged and dropped an image directly into the editor, or pasted one from your clipboard, this tab will open automatically.</span>
| [[{{lm|VisualEditor - Media upload 1.5|png|-}}|frameless|400px|center]]
|-
| colspan=2 | <hr /> 
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">You need to describe the image and add categories to it so that other people can find it.</span>
| [[{{lm|VisualEditor - Media upload 2|png|-}}|frameless|400px|center]]
|-
| colspan=2 | <hr /> 
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">The image will be inserted into the page when you are done.</span>
| [[{{lm|VisualEditor-logo|svg|-}}|frameless|200px|center]]
|}

=== <span lang="en" dir="ltr" class="mw-content-ltr">Editing media galleries</span> ===

{| cellpadding="15"
|-
| <span class="mw-translate-fuzzy">Tae eik ae new gallerie, clap the "{{int|visualeditor-mwgallerydialog-title}}" icon (ae set o photæs).</span> 
| [[{{lm|VisualEditor - Gallery1|png|-}}|frameless|border|150px|center]]
|-
| colspan=2 | <hr /> 
|-
| <span class="mw-translate-fuzzy">Tae eedit aen exeestin gallerie in VeesualEediter, clap oan the gallerie tae cause the icon tae kith in the upper richt corner. Clapin oan the icon will summin the gallerie inserter kist wi the ful leet o eemages incluidit in the gallerie. Ye can eedit this leet tae remui, eik or rearrange eemages or tae alter captions. Onfortunatelie, ye canna see the chynges that ye'v dun the nou ontil ye clap oan the cair triangle (<code><nowiki><</nowiki></code>) tae exit the inserter. Yince ye'v finished modifiein the gallerie, be sair tae hain the entire page - exitin the gallerie inserter will na hain yer chynges.</span>
| [[{{lm|VisualEditor - Gallery2|png|-}}|frameless|border|center|500px]]
|- 
| <span class="mw-translate-fuzzy">This will apen the gallerie inserter, this is ae simple kist the nou that wairks siclyk til wikitex maurkup. Tae eik eemages til yerr gallerie, ye'll need tae incluid the file name, follaed bi ae baur (<code><nowiki>|</nowiki></code>) n the caption ye wid lik fer the eemage. Ilka eemage in the gallerie shid hae its ain line. Yince ye'v eikit aw o the eemages that ye'd lik in yer gallerie, clap the cair triangle (<code><nowiki><</nowiki></code>) tae exit the inserter. Ye shid see yer gallerie aes it will kith. Please mynd that yer gallerie will na hain ontil ye hain the page.</span> <span lang="en" dir="ltr" class="mw-content-ltr">You can also edit this list to remove or rearrange images or to change captions.</span>

<div lang="en" dir="ltr" class="mw-content-ltr">
When you press the "{{int|visualeditor-dialog-action-done}}" button, you will exit the gallery editor. You should then see your changes, with the gallery as it will now appear to readers.
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
Remember that exiting the gallery editor does not publish your changes. As with other changes made using the visual editor, you must publish the entire page in order to publish your work.
</div>
| [[{{lm|VisualEditor - Gallery3|png|-}}|frameless|border|center|400px]]
|}

<div lang="en" dir="ltr" class="mw-content-ltr">
== Editing templates ==
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
The powerful MediaWiki template system lets you insert dynamic content, text from other pages, and much more. For a detailed explanation and examples, see the [[Special:MyLanguage/Help:Templates|Templates help page]].
</div> 

<div lang="en" dir="ltr" class="mw-content-ltr">
In the VisualEditor you can search for a relevant template, add an invocation or [[Special:MyLanguage/Manual:Glossary#Transclusion|transclusion]] on the page you’re editing and, if needed, add custom content using [[Special:MyLanguage/Manual:Glossary#Parameter|parameters]].
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
=== Insert new template ===
</div>
{| cellpadding="15"
|-
| <span class="mw-translate-fuzzy">Tae eik ae new template til the page, steid yer curser whaur ye want the template tae be inserted, n clap oan the "$template" icon (puzzle piece) in the "$insert" puldoon menu oan the tuilbaur.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Then open the {{int|visualeditor-toolbar-insert}} menu and select "[[File:OOjs_UI_icon_puzzle-ltr.svg]]&nbsp;{{int|visualeditor-dialogbutton-template-tooltip}}".</span> <span lang="en" dir="ltr" class="mw-content-ltr">Alternatively, type two curly brackets {{((}} to open the same dialog.</span>
| [[{{lm|VisualEditor Template Insert Menu|png|-}}|frameless|border|500x500px|center]]
|-
|<span lang="en" dir="ltr" class="mw-content-ltr">Find the template you want to insert by typing either its name or a relevant keyword.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Results containing the search term in either the name or description will display in a dropdown.</span> <span lang="en" dir="ltr" class="mw-content-ltr">This should help you find a relevant template, even if you don’t know its exact name.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">If you’re having trouble finding the kind of template you want by using keywords, you can look on other wiki pages with similar content and view or edit the page source to see which templates are in use.</span> <span lang="en" dir="ltr" class="mw-content-ltr">When you find the desired template’s name, you can type it into this field to insert it here.</span>
| [[File:VisualEditor_Template_Search.png|alt=Screenshot of the template search field in the Visual Editor|center|frameless|500x500px]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">You can also edit a template that’s already on a page.</span> <span lang="en" dir="ltr" class="mw-content-ltr">When you select the template you want to edit, it turns blue, and a box appears displaying "[[File:OOjs_UI_icon_puzzle-ltr.svg]]&nbsp;{{int|visualeditor-dialogbutton-template-tooltip}}".</span> <span lang="en" dir="ltr" class="mw-content-ltr">Then select the "{{int|vector-view-edit}}" link  or double click on the template itself to open the template.</span>
| [[File:VisualEditor_Template_Context_Menu.png|alt=Screenshot of the VisualEditor interface with a template selected|center|frameless|300x300px]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">Some templates are not visible to someone reading a page.</span> <span lang="en" dir="ltr" class="mw-content-ltr">In the visual editor, such hidden templates are still shown so that you can click and edit or delete them.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The name of the template will be shown next to the puzzle icon and both will be grayed out.</span>
|[[File:VisualEditor_Hidden_Templates.png|alt=Screenshot of hidden templates in the Visual Editor interface|center|frameless|474x474px]]

|-
| colspan=2 | <hr />
|-
| colspan=2 | 
<div lang="en" dir="ltr" class="mw-content-ltr">
=== Template parameters ===
</div>
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">You’ll see this dialog box when you’re adding a new template or editing one already in place.</span> <span lang="en" dir="ltr" class="mw-content-ltr">What you see in the box depends on whether the template in question contains {{ll|Extension:TemplateData|TemplateData}}, helpful metadata added by other editors to make it easier to edit templates in the Visual Editor.</span>

<div lang="en" dir="ltr" class="mw-content-ltr">
When a template contains TemplateData, the VisualEditor can use it to present annotated fields for you to fill in.
</div>


<span lang="en" dir="ltr" class="mw-content-ltr">For templates that have some community-provided TemplateData, the VisualEditor displays a list of the named parameters and, often, descriptions and instructions explaining the meaning and required format for each parameter’s values.</span>
|[[File:Template_parameters_in_VisualEditor.png|alt=Screenshot of template parameters in the Visual Editor interface|center|frameless|500x500px|Template parameters in the Visual Editor interface]]
|-
| colspan="2" |<hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">You can disable any optional parameter (which have blue checkboxes on the left side).</span> <span lang="en" dir="ltr" class="mw-content-ltr">If a parameter’s checkbox is grayed out and not clickable, the template requires that parameter, so it can’t be disabled.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">When you insert a new template, you may find that some optional parameters are pre-selected.</span> <span lang="en" dir="ltr" class="mw-content-ltr">That means the author(s) of the template recommends the use of those parameters.</span> <span lang="en" dir="ltr" class="mw-content-ltr">It’s best to review all parameters that will be used in a template to ensure you understand their use.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">Clicking an unchecked parameter adds it to the template.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Clicking a parameter that’s already been added takes you to the parameter’s input field.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">Some template parameters will show as “deprecated”.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Don’t use deprecated parameters when inserting a template; they’re only visible to you because those parameters are in use on older pages where this template was included.</span>
|[[File:Interface for adding more parameters to a template in the VisualEditor (new).png|alt=Screenshot of template parameters in the Visual Editor interface|center|frameless|500x500px|Interface for adding more parameters to a template in the VisualEditor]]
|-
| colspan=2 | <hr />
|-
| colspan=2 |
<div lang="en" dir="ltr" class="mw-content-ltr">
==== Adding undocumented parameters ====
</div>
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">If you’re inserting or editing a template whose author hasn’t laid out its parameters in TemplateData, it has what we call “undocumented” or “unnamed parameters”.</span> <span lang="en" dir="ltr" class="mw-content-ltr">In these cases, you should consult the page for the template itself.</span> <span lang="en" dir="ltr" class="mw-content-ltr">There you can learn how to correctly employ and work with all of the template’s parameters.</span> <span lang="en" dir="ltr" class="mw-content-ltr">This includes learning the exact names of the parameters as written by the template author.</span>  

<span lang="en" dir="ltr" class="mw-content-ltr">If you find in the documentation that the template expects parameters without names, fill in numbers as placeholders for the parameter names using the undocumented parameter input, then add text to the values you want to provide as you normally would.</span> 

<div lang="en" dir="ltr" class="mw-content-ltr">
Example:
</div>
* <span lang="en" dir="ltr" class="mw-content-ltr">first unnamed parameter: “1”</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">first unnamed parameter’s value: “en_US”</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">second unnamed parameter: “2”</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">second unnamed parameter’s value: “yes”</span>

<div lang="en" dir="ltr" class="mw-content-ltr">
If you accidentally include nonexistent, misspelled or erroneous parameters, the values you enter for those parameters won’t show up on the page you’re editing.
</div> 
|[[File:Template_without_TemplateData_in_VisualEditor_(old_UI).png|alt=Screenshot of a template missing TemplateData|center|frameless|500x500px|Template without TemplateData in the Visual Editor]]
|-
| colspan=2 | <hr />
|-
| colspan="2" |
<div lang="en" dir="ltr" class="mw-content-ltr">
==== Autogenerated parameters ====
</div>
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">In this example, the template in question lacks TemplateData but it was possible to autogenerate the parameters. This means that the undocumented parameters have already been added for you, but the names may not be easily understandable and the dialog cannot display any directions or descriptions.</span> <span lang="en" dir="ltr" class="mw-content-ltr">As a result the dialog box provides a link to the template’s documentation, which should help you deduce and fill in the template’s various parameters.</span>
|[[File:Autogenerated_parameters_in_the_VisualEditor.png|center|frameless|500x500px]]
|-
| colspan=2 | <hr />
|-
| colspan=2 |
<div lang="en" dir="ltr" class="mw-content-ltr">
==== Editing multi-part template content ====
</div>
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">During editing, you may open template content consisting of multiple templates or a single template linked to some wikitext.</span> <span lang="en" dir="ltr" class="mw-content-ltr">This differs from the nested templates described below.</span> <span lang="en" dir="ltr" class="mw-content-ltr">In this case, the templates are better visualized as being stacked or connected.</span> 

<span lang="en" dir="ltr" class="mw-content-ltr">This content often contains “unbalanced templates,” templates which are incomplete on their own and need to be paired with some wikitext or another template in order to function.</span> 

<span lang="en" dir="ltr" class="mw-content-ltr">These related pieces of template content must be created in wikitext, but can be edited in the VisualEditor.</span> <span lang="en" dir="ltr" class="mw-content-ltr">In these cases you will see a notice at the top of the dialog to signal the situation and a specialized toolbar will be visible at the bottom of the sidebar.</span> <span lang="en" dir="ltr" class="mw-content-ltr">There you can use the icon buttons to add additional templates, additional wikitext, delete elements or change their order.</span>

|[[File:Multi-part_template_content_in_the_VisualEditor (new).png|alt=Screenshot of the interface to edit multi-part template content in the VisualEditor|center|frameless|500x500px|Editing multi-part template content in the VisualEditor]]
|-
| colspan=2 | <hr />
|-
| colspan="2" |
<div lang="en" dir="ltr" class="mw-content-ltr">
==== Nested templates ====
</div>
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">Templates can include other templates as the value for parameters. You’ll recognize it when you see a parameter whose value contains the double curly braces <nowiki>( {{ }} )</nowiki> denoting a template.</span> 

<span lang="en" dir="ltr" class="mw-content-ltr">The VisualEditor can’t present this template within a template (a nested template) using the editor’s easy-to-use interface, so if you want to nest a template yourself, you’ll need to understand how to add the template by hand in wikitext into the appropriate parameter field.</span>
| [[File:Embedded_template_in_VisualEditor.png|alt=Screenshot of the VisualEditor template interface showing an embedded template|center|frameless|417x417px|Embedded template in the VisualEditor]]
|-
| colspan=2 | <hr />
|-
|-
| colspan=2 |
<div lang="en" dir="ltr" class="mw-content-ltr">
=== Completing your edit ===
</div>
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">When you have finished editing a template, you can click "{{int|visualeditor-dialog-action-apply}}".</span> <span lang="en" dir="ltr" class="mw-content-ltr">Then you can preview your edit and make sure it looks the way you want and expect.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">You may also see an error message, which (like the other TemplateData mentioned above) is community-provided content and may vary in usefulness.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">You may need to consult the template’s own documentation to get to the bottom of some errors.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">If you’re still having trouble, consider posting about your problem on the template’s talk page.</span>
| [[{{lm|VisualEditor Apply Changes|png|-}}|frameless|border|center|150px]]
|-
| colspan=2 | <hr />
|-
| colspan=2 | 
<div lang="en" dir="ltr" class="mw-content-ltr">
=== Removing a template ===
</div>
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">To remove a template in the VisualEditor, click the template box.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Press the "Delete" or "Backspace" key on your keyboard.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The template will disappear from the page.</span>
| [[File:Removing_templates_from_a_page_via_context_menu_new.png|alt=Screenshot of the button to remove a template|center|frameless|<span lang="en" dir="ltr" class="mw-content-ltr">Removing a template in the VisualEditor</span>]]
|-
| colspan=2 | <hr />
|-
| colspan=2 | 
<div lang="en" dir="ltr" class="mw-content-ltr">
=== Editing on mobile ===
</div>
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">When editing a template on a page using the VisualEditor on a mobile device, you’ll see that the sidebar starts out hidden. You can make it visible by pressing the “Show/hide options” button.</span>

| [[File:VisualEditor_template_editing_on_mobile.png|alt=Screenshot of editing a template on a mobile device|center|frameless|280px|<span lang="en" dir="ltr" class="mw-content-ltr">Editing a template on mobile in the VisualEditor</span>]]
|-
| colspan=2 | <hr />
|-
| colspan=2 | 
=== Substitutin templates ===
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">When you insert a template in a wiki page, its content and appearance are reevaluated every time the page loads, based on the template code and the values of its parameters.</span> <span lang="en" dir="ltr" class="mw-content-ltr">This means if someone updates the code of a template, then every page which uses that template will also get updated when they publish.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">There’s another, much less common way to use templates, though, and that’s to [[w:Help:Substitution|substitute]] a template.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">Doing this permanently includes the template content just as it appears at the moment you insert it. It will not update if the template code is later changed.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">Most users won’t ever need to resort to substitution.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">Substitution is typically only useful when you need to capture the exact appearance of one version of a template, such as when content is under development and needs evaluation.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">To substitute a template in the VisualEditor, insert a template using the name syntax <code>subst:&lt;template name></code>.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">Then press the blue “{{int|visualeditor-dialog-transclusion-add-template-save}}” button.</span>

<div lang="en" dir="ltr" class="mw-content-ltr">
When you’re finished, press “{{int|visualeditor-dialog-action-insert}}”, which will insert the template content as you see it.
</div>
| [[File:SUBST_in_VE.png|alt=Screenshot of editor using SUBST to add a template|center|frameless|418x418px|Adding a template using SUBST in the VisualEditor]]
|}

<div lang="en" dir="ltr" class="mw-content-ltr">
== Editing lists ==
</div>
{| cellpadding="15"
|-
| [[{{lm|VisualEditor Toolbar Lists and indentation|png|-}}|frameless|border|300px|center]]
| <span lang="en" dir="ltr" class="mw-content-ltr">You can use the visual editor to create lists, or to change the format of an existing list. There are two types of lists: unordered (bullet) and ordered (numbered).</span>

<span lang="en" dir="ltr" class="mw-content-ltr">To start a new list, just press on one of the two menu items shown here. Or, if you already have typed the list (on separate lines), select (highlight) the list you have typed, then press on one of the menu items.</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor lists 1 unordered bullet|png|-}}|frameless|border|center|200px]]
  [[{{lm|VisualEditor lists 2 ordered numbered|png|-}}|frameless|border|center|200px]]
| <span lang="en" dir="ltr" class="mw-content-ltr">Shown here are examples of the two types of lists: unordered (bullet) and ordered (numbered).</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor lists 3 select to indent|png|-}}|frameless|border|center|200px]]
| <span lang="en" dir="ltr" class="mw-content-ltr">If you want to change the indentation level of part of an existing list, select the part of the list that you want to change.</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor lists 4 indentation menu|png|-}}|frameless|border|center|500px]]
| <span lang="en" dir="ltr" class="mw-content-ltr">Then use the menu, or press the Tab key. (The Tab key increases indentation;  use the shift key plus the Tab key to decrease indentation)</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor lists after indenting|png|-}}|frameless|border|center|400px]]
| <span lang="en" dir="ltr" class="mw-content-ltr">Here is the result of increased indentation.</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor lists mixed|png|-}}|frameless|border|center|300px]]
| <span lang="en" dir="ltr" class="mw-content-ltr">You can even mix ordered (numbered) and unordered (bullet) lists, if the list items have different indentations.</span>
|}

== <span lang="en" dir="ltr" class="mw-content-ltr">Editing tables</span> ==

{| cellpadding="15"
|-
| [[{{lm|VisualEditor insert table|png|-}}|frameless|border|center|200px]]
| <span lang="en" dir="ltr" class="mw-content-ltr">You can use the visual editor to insert and change tables.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">You can even import a table by dragging a comma-separated value (.csv) file from your computer into the main editing window.</span>
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">When you press on "Table", in the "{{int|visualeditor-toolbar-insert}}" menu, the visual editor inserts a blank four-by-four table.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">Now the "Table" menu is available. From that menu, you can add a caption to the top of the table.</span>
|[[{{lm|VisualEditor empty table|png|-}}|frameless|border|center|170px]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">To select a cell, press it once.</span>
|[[{{lm|VisualEditor tables select one cell|png|-}}|frameless|border|center|400px]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">To edit the contents of the cell (for example, to add content or to correct a spelling error), double press in the cell. Or you can select the cell and then press Return.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">To end your editing of a cell, just press elsewhere.</span>
|[[{{lm|VisualEditor tables type inside a cell|png|-}}|frameless|border|center|400px]]
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor table editing add and remove columns|png|-}}|frameless|border|center|253px]]
| <span lang="en" dir="ltr" class="mw-content-ltr">You can add, move or delete a column or a row.</span>
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">You can merge cells: Select them, then from the Table menu, press on "Merge cells".</span>
|[[{{lm|VisualEditor tables merge cells|png|-}}|frameless|border|center|350px]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">If you merge cells, only the text in one cell is kept; any text in the other cells is deleted when you merge the cells. If you decide that you wanted some or all of the text that was deleted, use the Undo button, move or copy the text you want, then merge the cells again.</span>
|[[{{lm|VisualEditor tables post-merge cell|png|-}}|frameless|border|center|350px]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">You can also split cells that were previously merged.  All the content that was in the merged cell will remain in the first cell when you do the split. You can then cut and paste text to other cells, if you want.</span>
|[[{{lm|VisualEditor tables split cells|png|-}}|frameless|border|center|350px]]
|}

<span id="Editing_categories"></span>
<div class="mw-translate-fuzzy">
Eeditin categeries
</div>
{| cellpadding="15"
|-
| [[{{lm|VisualEditor category item|png|-}}|frameless|border|200px|center]]
| <span class="mw-translate-fuzzy">The  "{{int|visualeditor-pagemenu-tooltip}}" puldoon menu apens access til the "{{int|visualeditor-categories-tool}}" button.</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor category editing|png|-}}|frameless|border|center|500px]]
| <span class="mw-translate-fuzzy">The "{{int|visualeditor-categories-tool}}" button apens ae dialog that leets exeestin categeries n permits ye tae eik new catergeries.</span>

<div lang="en" dir="ltr" class="mw-content-ltr">
You also have the option of setting or changing the general (default) [[Special:MyLanguage/Help:Sorting#Sort order|sorting key]], which determines where the page appears when listed with other pages in the same category.
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
For example, the default sorting key for the article "George Washington" is "Washington, George". In the category "Presidents of the United States", the article is listed under the letter "W", not the letter "G".
</div>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor - Category editing 3|png|-}}|frameless|border|center|500px]]
| <span lang="en" dir="ltr" class="mw-content-ltr">To add a category for a page, type the name of the category into the field "{{int|visualeditor-dialog-meta-categories-input-placeholder}}". As you type, the visual editor will search for possible matching, existing categories. You can either select an existing category, or you can add a category that doesn't yet have its own category page. (Until that category page is created, your new category will show as a red link after you publish all your editing changes.)</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor - Category editing 2|png|-}}|frameless|border|center|400px]]
| Tae remuiv aen exeestin categerie, clap oan it n clap oan the "{{int|visualeditor-inspector-remove-tooltip}}" icon (ridd bin) in the dialog that apens.

<span lang="en" dir="ltr" class="mw-content-ltr">Pressing on a category also allows you to specify a sorting key for that specific category. Such a sorting key overrides the default sorting key.</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor Apply Changes|png|-}}|frameless|border|center|150px]]
| Clap "{{int|visualeditor-dialog-action-apply}}" whan ye'r dun eeditin categeries tae return til the page eediter.
|}

<span id="Editing_page_settings"></span>
<div class="mw-translate-fuzzy">
Eeditin page settins
</div>
{| cellpadding="15"
|-
| [[{{lm|VisualEditor page settings item|png|-}}|frameless|border|500px|center]]
| Tae eedit ae page's settins, clap tae apen the "{{int|visualeditor-pagemenu-tooltip}}" puldoon menu in the tuilbaur n select the "{{int|visualeditor-dialog-meta-settings-label}}" button.
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor Page Settings|png|-}}|frameless|border|center|500px]]
| <span class="mw-translate-fuzzy">The "Page settins" button apens ae pane that shaws vareeis opties sib til the page.</span>
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor Page Settings Redirects|png|-}}|frameless|border|center|500px]]
| <span class="mw-translate-fuzzy">Ye can mak ae page ae reguidal til anither page bi checkin the "Reguid this page ti" checkkist, n than selectin in the kist ablo the page that ye want this page tae point til.</span>

At the bottom is the optie tae hinder page renames updatin this reguidal, this is uised awfa rarelie.
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor Page Settings TOC|png|-}}|frameless|border|center|500px]]
| Ye can chynge whather the page shaws ae Buird o Contents bi selectin yin o thir three buttons. Bi defaut, pages will shaw ae Buird o Contents gif thaur's three or mair heidin, this is whit "Gif needit" will dae.
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor Page Settings Edit Links|png|-}}|frameless|border|center|400px]]
| Ye can mak ae page na shaw eedit kists nex til ilka section heider bi checkin this checkkist.
|-
| colspan=2 | <hr />
|-
| [[{{lm|VisualEditor Apply Changes|png|-}}|frameless|border|center|300px]]
| <span class="mw-translate-fuzzy">Clap "{{int|visualeditor-dialog-action-apply}}" whan ye'r dun eeditin page opties tae return til the page eediter.</span>
|}

== <span lang="en" dir="ltr" class="mw-content-ltr">Editing maps</span> ==
{| cellpadding="15"
| [[{{lm|Visual editor showing editing an existing map|jpg|-}}|frameless|border|400px|center]]
| <span lang="en" dir="ltr" class="mw-content-ltr">You can add and change maps. See {{ll|Help:VisualEditor/Maps}}.</span>
|}

<span id="Editing_mathematical_formulae"></span>
<div class="mw-translate-fuzzy">
Eeditin mathemateecal formulae
</div>
{| cellpadding="15"
| Tae eik ae new mathemateecal formula til the page, steid yer curser whaur ye want it tae be inserted, n clap oan the "{{int|math-visualeditor-mwmathdialog-title}}" icon ("Σ") in the "{{int|visualeditor-toolbar-insert}}" puldoon menu oan the tuilbar.
| [[{{lm|VisualEditor Formula Insert Menu|png|-}}|frameless|border|400px|center]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">A window will open in which you can type the formula, using LaTeX syntax. the visual editor will update the formula as you type it, so you can see how it will look as you make changes. Once you are happy with the formula, press the "{{int|visualeditor-dialog-action-insert}}" button.</span>
| [[{{lm|VisualEditor formula|png|-}}|frameless|border|400px|center]]
|-
| colspan=2 | <hr />
|-
| Tae eedit aen exestin mathematecal formula oan the page, clap oan it n than clap oan the "Σ" icon in the menu that kiths. This will apen the windae, n lat ye mak some chynges.
| [[{{lm|VisualEditor - editing existing mathematical formula|png|-}}|frameless|border|400px|center]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">Mathematical formulae can be placed inline or centered as a block.</span>
|[[{{lm|VisualEditor mathematic formula inline|png|-}}|frameless|border|400px|center]]
|}

<div lang="en" dir="ltr" class="mw-content-ltr">
== Editing musical scores ==
</div>
{| cellpadding="15"
| <span lang="en" dir="ltr" class="mw-content-ltr">To add a new musical notation to a page, place your cursor where you want the musical notation to be inserted.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Then, from the "Insert" menu on the toolbar, press the "Musical notation" option.</span>

<div lang="en" dir="ltr" class="mw-content-ltr">
To edit an existing musical notation on the page, double press on it.
</div>
| [[{{lm|VisualEditor-Insert-Musical-Notation|png|-}}|frameless|border|400px|center]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">This will open the "Musical notation" dialog. Here the notation can be edited by scale, either in ABC or in Lilypond format.</span> <span lang="en" dir="ltr" class="mw-content-ltr">You can also link the notation to an audio or MIDI file.</span> <span lang="en" dir="ltr" class="mw-content-ltr">Once you are finished, press the "Done" button to close the dialog and publish your changes.</span>
| [[{{lm|Musical|png|-}}|frameless|border|400px|center]]
|}

== Eeditin poems n ither biordinair eetems ==

{| cellpadding="15"
| <span class="mw-translate-fuzzy">Some eetems, like poems n museec scores ar na yet supportit bi VeesualEediter. Ontil thay ar, ye'll need tae eedit the soorce wikitex directlie gif ye want tae alter or eik thir.</span>
| [[{{lm|VisualEditor editing poem 1|png|-}}|frameless|border|400px|center]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">In most cases, the existing items can be edited, but new ones cannot be inserted in the visual editor.</span>

<span lang="en" dir="ltr" class="mw-content-ltr">Until they are fully supported, you can copy an existing one from another page, or edit the source wikitext directly.</span>

| [[{{lm|VisualEditor editing poem 2|png|-}}|frameless|border|400px|center]]
|-
| colspan=2 | <hr />
|}

== <span lang="en" dir="ltr" class="mw-content-ltr">Switching between the visual and wikitext editors</span> ==

{| cellpadding="15"
| 
<span lang="en" dir="ltr" class="mw-content-ltr">To switch from the visual editor to the wikitext editor, press the <code>[[&nbsp;]]</code> button on the far right of the toolbar.</span>
| [[{{lm|VisualEditor toolbar Page options - Switch to wikitext - Save|png|-}} |frameless|border|200px|center]]
|-
| colspan=2 | <hr />
|-
| <span lang="en" dir="ltr" class="mw-content-ltr">You'll see a diff. (If you pressed on "{{int|visualeditor-dialog-transclusion-confirmation-discard}}", you'll just see wikitext, ready to edit with the wikitext editor.)</span>

<span lang="en" dir="ltr" class="mw-content-ltr">Scroll down, and you'll see the wikitext editing area.</span> 
| [[{{lm|VisualEditor bi-directional switching diff before wikitext|png|-}} |frameless|border|500px|center]]
|-
| colspan=2 | <hr />
|-
| 
<span lang="en" dir="ltr" class="mw-content-ltr">You can also switch from the wikitext editor to the visual editor. To do that, press the pencil icon on the far right of the toolbar.</span>
| [[{{lm|VisualEditor bi-directional switching pencil icon in wikitext|png|-}} |frameless|border|150px|center]]
|}

== Keybuird shortcuts ==

<span class="mw-translate-fuzzy">Monie eediters ar uissed tae enterin wikitex directlie, especiallie baud, italeecs n wikilinks. [[mw:VisualEditor/Features/Keyboard shortcuts|Keybuird shortcuts]] permit ye tae quicklie insert siclike formattin wioot haeing tae clap the tuilbaur buttons. Commyn general shortcuts, n some uised bi ither eediters, function in VeesualEediter:</span>

{| style="text-align:center; margin:auto;" cellpadding="15"
|-
! PC shortcut
! Action
! Mac shortcut
|-
| colspan=3 | <hr />
|-
| {{Key press|Ctrl|B}}
| Baud
| {{Key press|Cmd|B}}
|-
| colspan=3 | <hr />
|-
| {{Key press|Ctrl|I}}
| Italeecs
| {{Key press|Cmd|I}}
|-
| colspan=3 | <hr />
|-
| {{Key press|Ctrl|K}}
| Insert airtin
| {{Key press|Cmd|K}}
|-
| colspan=3 | <hr />
|-
| {{Key press|Ctrl|X}}
| Cut
| {{Key press|Cmd|X}}
|-
| colspan=3 | <hr />
|-
| {{Key press|Ctrl|C}}
| Copie
| {{Key press|Cmd|C}}
|-
| colspan=3 | <hr />
|-
| {{Key press|Ctrl|V}}
| Paste
| {{Key press|Cmd|V}}
|-
| colspan=3 | <hr />
|-
| {{Key press|Ctrl|Z}}
| Ondae
| {{Key press|Cmd|Z}}
|}
<span lang="en" dir="ltr" class="mw-content-ltr">Also see the {{ll|VisualEditor/Portal/Keyboard shortcuts|full list of all keyboard shortcuts}}.</span>
<!-- Close **both** <div>s here -->
</div>

[[Category:VisualEditor{{#translation:}}|User guide]]
[[Category:Help{{#translation:}}]]