Help:VisualEditor/User guide/sco

 If you would like to try the visual editor without editing an article, [ here is a page] where you can freely test it. You don't need an account to use the visual editor on that page.

Gettin stairtit: the VeesualEediter tuilbaur
center|1200px|alt= The VeesualEediter tuilbaur

border|1200px|center

Eeditin referances
{| cellpadding="15"
 * colspan=2 |

Determining which system is in place
Eeditin aen exeestin referance Clapin oan the "" icon apens ae dialog that incluids ae mini-eediter, whau ye can eedit the referance's tex.
 * Your wiki may use one of three footnote systems. The one shown on the right is the simplest system, where the "" menu does not include any citation templates. If your wiki uses this system, then everything you need to know about footnotes is on this page.
 * VisualEditor cite menu default.png
 * colspan=2 |
 * The second system has the same type of "" menu, but with several popular citation templates set up for quick access. If your wiki uses this system, then you will find more details at Help:VisualEditor/User guide/Citations-Templates
 * VisualEditor references more.png
 * colspan=2 |
 * VisualEditor citoid Cite button.png
 * In the third system, you again start by clicking the Cite button. Then a dialog box opens, which includes an automatic citation process using the citoid service. If your wiki uses this system, you will find more details at
 * VisualEditor Citoid Automatic tab.png
 * colspan=2 |
 * VisualEditor citoid Cite button.png
 * In the third system, you again start by clicking the Cite button. Then a dialog box opens, which includes an automatic citation process using the citoid service. If your wiki uses this system, you will find more details at
 * VisualEditor Citoid Automatic tab.png
 * colspan=2 |
 * In the third system, you again start by clicking the Cite button. Then a dialog box opens, which includes an automatic citation process using the citoid service. If your wiki uses this system, you will find more details at
 * VisualEditor Citoid Automatic tab.png
 * colspan=2 |
 * colspan=2 |
 * Tae eedit aen exeestin referance, clap oan it in the tex, n clap oan the "" icon (buikmaurk) that kiths naur it, or the yin in the tuilbaur.
 * VisualEditor - Editing references 1.png
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |

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.

If a template was used and you click on the reference information, then the icon (puzzle piece) will appear with some information. Click on the "edit" button to edit the content of the template in the template mini-editor dialog.
 * VisualEditor - Editing references 6.png
 * colspan=2 |
 * If what appears when you click on a reference is an icon for a standard template for citations (an example is at right), then clicking "Edit" will open the template mini-editor dialog.
 * VisualEditor - Editing References - Cite Web.png
 * colspan=2 |
 * Clapin oan the Template icon (puzzle piece) permits ye tae eedit the template's indiveedual boonds.
 * VisualEditor - Editing references 5.png
 * colspan=2 |
 * Clap oan "" whan ye'r dun, n ye'll gang back til the referance eediter.
 * border|center|150px
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * Clap oan "" whan ye'r dun, n ye'll gang back til the referance eediter.
 * border|center|150px
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |

Reuisin aen exeestin referance
Gif the page awreadie contains referances, ye can chuise tae reuise aen exeestin citation, gif it applies til the tex that ye want tae soorce.

Tae reuise aen exeestin referance, place yer curser whaur ye want tae add it in the tex, n clap on the "" icon (buikmaurk) fae the "" menu.

(Note: If your wiki has the third footnote system described above, you'll see a "Re-use" tab, in a dialog, instead of a "Re-use" item on the "" menu.) Seek the referance that ye want tae reuise in the leet, n select it.
 * VisualEditor references more.png
 * colspan=2 |
 * Gif thaurs monie referances, ye can uise the rake baur (labeled "") tae yinlie displey referances that match ae gien tex.
 * Gif thaurs monie referances, ye can uise the rake baur (labeled "") tae yinlie displey referances that match ae gien tex.
 * Gif thaurs monie referances, ye can uise the rake baur (labeled "") tae yinlie displey referances that match ae gien tex.
 * VisualEditor - Editing references 18.png
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |

Adding ae new referance

 * Tae eik ae new referance, place yer curser whaur ye want tae add it in the tex, n clap oan the "" icon (buikmaurk) in the "" puldoon oan the tuilbaur.
 * VisualEditor references more.png
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |

Using the "Basic" citation

 * Shown here is what you will see if you select the basic references item. In the referance eediter, ye can eik, eedit n format yer citation.
 * Shown here is what you will see if you select the basic references item. In the referance eediter, ye can eik, eedit n format yer citation.

Ye can mak the referance belang til ae gien groop; this is uised tae displey groops o referances wi the "" tuil. Than, seek the template that ye want tae uise, eik it n eedit it aes ye wid aen exeestin template.
 * VisualEditor - Editing references 20.png
 * colspan=2 |
 * 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 "" tuilbaur o the referance eediter.
 * border|center|200px
 * colspan=2 |
 * border|center|200px
 * colspan=2 |
 * colspan=2 |

Clap oan "" tae return til the refarence eediter, n "" again tae return til the page.
 * VisualEditor - Editing references 9.png
 * colspan=2 |
 * 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.
 * 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.
 * 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.

Place the curser whaur ye want tae displey referances (uissuallie at the bottom o the page), n clap the "" icon (three buiks) tae eik it. Gif ye cræftit groops o referances, ye can speceefie ae groop in this dialog, tae selecteevelie displey referances that belang til it.
 * border|center|200px
 * colspan=2 |
 * colspan=2 |

Tae simplie eik ae referances leet, clap "" oan the dialog.
 * border|center|400px
 * colspan=2 |
 * colspan=2 |

Using standard cite templates

 * Your local wiki may have added extra citation templates to the "" menu. If so, you have quick access to the most-used citation templates for your wiki. (Instructions for adding extra citation templates to your local wiki are available at VisualEditor/Citation tool.)
 * VisualEditor - Editing References - Cite Pulldown.png
 * colspan=2 |
 * Clicking on a template icon such as "Cite book" will take you into the template mini-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.
 * VisualEditor - Editing references - Cite book required fields.png
 * colspan=2 |
 * To add more parameters, scroll down in the template mini-editor and click on the "" option.
 * VisualEditor - Editing references - Cite book required fields.png
 * colspan=2 |
 * To add more parameters, scroll down in the template mini-editor and click on the "" option.
 * To add more parameters, scroll down in the template mini-editor and click on the "" option.
 * To add more parameters, scroll down in the template mini-editor and click on the "" option.

Click on "" when you're done.
 * VisualEditor - Editing references - Add parameter.png
 * }

Editing images and other media files
{| cellpadding="15"
 * colspan=2 |
 * colspan=2 |

Editing images
Clapin oan the "" icon apens ae dialog that autæmateeclie rakes Wikimedia Commyns fer media files sib til the page that ye'r eeditin.
 * Tae eik ae new eemage (or anither type o media file) til the page, clap the "" icon (ae pictur o moontains) in the "" puldoon menu. The eemage will be eikit whaurever yer cursor is.
 * border|200px|center
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |

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

Clap oan ae thummnail tae chuise ae file.

This places the image onto the page you are editing.
 * VisualEditor - Media editing 2.png
 * colspan=2 |
 * The media dialog permits ye tae eik (n eedit) ae caption, that can contain formattin n airtins.
 * VisualEditor - Media editing 6.png
 * colspan=2 |
 * 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.
 * Media editing 7.png
 * colspan=2 |
 * Ye can set vareeis boondins fer the eemage in the "Advanced settins" windae aes weel. Thir incluid its alignment, its type, n its size.
 * VisualEditor - Media editing 8.png
 * colspan=2 |
 * Whan ye dun, clap "" tae claise the dialog n return til the page eediter.
 * border|center|150px
 * colspan=2 |
 * For an existing image, you can add or edit a caption or other settings by clicking on the image, then clicking on the "" icon that appears below the picture.
 * VisualEditor - Media editing 8.png
 * colspan=2 |
 * Whan ye dun, clap "" tae claise the dialog n return til the page eediter.
 * border|center|150px
 * colspan=2 |
 * For an existing image, you can add or edit a caption or other settings by clicking on the image, then clicking on the "" icon that appears below the picture.
 * colspan=2 |
 * For an existing image, you can add or edit a caption or other settings by clicking on the image, then clicking on the "" icon that appears below the picture.
 * For an existing image, you can add or edit a caption or other settings by clicking on the image, then clicking on the "" icon that appears below the picture.
 * For an existing image, you can add or edit a caption or other settings by clicking on the image, then clicking on the "" icon that appears below the picture.

You can resize an existing image by clicking on it, then moving the resize icon (the two-headed arrow on one or both bottom corners).

You can also drag and drop an image to a place higher or lower on the page.
 * VisualEditor - Media editing 3.png
 * }

Starting
{| cellpadding="15"
 * Tae eik ae new template til the page, steid yer curser whaur ye want the template tae be inserted, n clap oan the "" icon (puzzle piece) in the "" puldoon menu oan the tuilbaur.
 * border|300px|center
 * colspan=2 |
 * Enter the name o the template that ye want tae insert, n clap "".
 * VisualEditor - Template editing 4.png
 * colspan=2 |
 * Foreby ye can eedit templates that ar awreadie oan the page bi selectin thaim (thay turn blue), n clapin oan the "" icon (puzzle piece) that kiths, or the yin in the tuilbaur.
 * VisualEditor - Template editing 1.png
 * colspan=2 |
 * Some templates are not visible to someone reading a page. In the visual editor, such hidden templates are shown as puzzle icons. The name of the template will be shown next to the puzzle icon.
 * VisualEditor template not visible.png
 * colspan=2 |
 * When you select the icon, the context menu is displayed, and you can edit the template.
 * VisualEditor template not visible context menu.png
 * colspan=2 |
 * colspan=2 |
 * Some templates are not visible to someone reading a page. In the visual editor, such hidden templates are shown as puzzle icons. The name of the template will be shown next to the puzzle icon.
 * VisualEditor template not visible.png
 * colspan=2 |
 * When you select the icon, the context menu is displayed, and you can edit the template.
 * VisualEditor template not visible context menu.png
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |

Template parameters

 * When you add a new template or open an existing one, the "" dialog is shown. The contents depends upon whether the template has been documented using the new system or not.
 * colspan=2 |
 * The template shown here has no TemplateData set up for it. The dialog therefore provides a link to documentation for the template. By visiting the documentation you should be able to figure out if the template has any parameters (fields), and what goes in each field. Use numbers as the name for each nameless parameter. The first un-named parameter is named, the second is named  , and so forth.
 * VisualEditor template with no TemplateData.png
 * colspan=2 |
 * If a template has been updated to contain TemplateData information, then the dialog will show a list of individual (named) parameters.
 * VisualEditor template with TemplateData.png
 * colspan=2 |
 * Ye can eik boondins or eedit thae awreadie leetit.
 * VisualEditor - Template editing 3.png
 * colspan=2 |
 * Whan ae template embeds ither templates, thir sub-templates will kith inside the boondins that displey thaim. Thay can be eedited or remuived inside the boondin field.
 * VisualEditor template with TemplateData.png
 * colspan=2 |
 * Ye can eik boondins or eedit thae awreadie leetit.
 * VisualEditor - Template editing 3.png
 * colspan=2 |
 * Whan ae template embeds ither templates, thir sub-templates will kith inside the boondins that displey thaim. Thay can be eedited or remuived inside the boondin field.
 * colspan=2 |
 * Whan ae template embeds ither templates, thir sub-templates will kith inside the boondins that displey thaim. Thay can be eedited or remuived inside the boondin field.
 * Whan ae template embeds ither templates, thir sub-templates will kith inside the boondins that displey thaim. Thay can be eedited or remuived inside the boondin field.
 * Whan ae template embeds ither templates, thir sub-templates will kith inside the boondins that displey thaim. Thay can be eedited or remuived inside the boondin field.

New sub-templates ar eikit bi follaein the steps o addin ae boondin. Ye micht need tae check the template documentation tae mak sair that the sub-template is supported.
 * VisualEditor - Template editing 5.png
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |

Finishing

 * Whan ye'r dun, clap "" tae claise the dialog n return til the page eediter.
 * border|center|150px
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |

Substitutin templates

 * Whan ae template maun be substitutit, type  (colon incluidit) afore the template's name.
 * Whan ae template maun be substitutit, type  (colon incluidit) afore the template's name.

Autæcompleation disna wairk wi ; gif ye need the autæcompleation, eik   yinlie efter fyndin the template that ye'r seekin.

Than, clap the green "" button.

Eik onie boonds aes uissual n "".
 * VisualEditor - Template editing 7.png
 * colspan=2 |
 * Y'll see the template expand oan the page efter ye clap "". Whan ye'r readie, hain the page.
 * VisualEditor - Template editing 8.png
 * }
 * VisualEditor - Template editing 8.png
 * }

Keybuird shortcuts
Monie eediters ar uissed tae enterin wikitex directlie, especiallie baud, italeecs n wikilinks. 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: