Help:VisualEditor/User guide/en



Opening VisualEditor


Getting started: the VisualEditor toolbar




Saving changes


Editing links


Editing images and other media files


Editing references
{| cellpadding="15"
 * colspan=2 |
 * colspan=2 |

Editing an existing reference

 * colspan=2 |
 * VisualEditor - Editing references 1.png
 * To edit an existing reference, click on it in the text, and click on the "Reference" icon (bookmark) that appears near it, or the one in the toolbar.
 * colspan=2 |
 * VisualEditor - Editing references 6.png
 * Clicking on the References icon opens a dialog that includes a mini-editor, where you can enter text. You can format it as you would in the rest of the page, for example to add italics or links.
 * colspan=2 |
 * VisualEditor - Editing references 6.png
 * Clicking on the References icon opens a dialog that includes a mini-editor, where you can enter text. You can format it as you would in the rest of the page, for example to add italics or links.
 * Clicking on the References icon opens a dialog that includes a mini-editor, where you can enter text. You can format it as you would in the rest of the page, for example to add italics or links.

You can format it as you would in the rest of the page, for example to add italics or links.
 * colspan=2 |
 * VisualEditor - Editing references 3.png
 * Many wikis use templates to format references according to a specific standard. You will notice this if you edit an existing reference whose content turns blue when you select it.
 * VisualEditor - Editing references 3.png
 * Many wikis use templates to format references according to a specific standard. You will notice this if you edit an existing reference whose content turns blue when you select it.

Click on the Transclusion icon (puzzle piece) to edit the content of the template.
 * colspan=2 |
 * VisualEditor - Editing references 5.png
 * Clicking the Transclusion icon (puzzle piece) allows you to edit the template's individual parameters.
 * colspan=2 |
 * VisualEditor - Apply changes.png
 * Click on "Apply changes" when you're done, and you'll go back to the reference editor.
 * colspan=2 |
 * VisualEditor - Apply changes.png
 * Click on "Apply changes" when you're done, and you'll go back to the reference editor.
 * Click on "Apply changes" when you're done, and you'll go back to the reference editor.

If there is nothing more to edit, click on "Apply changes" again to return to the page.
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |

Reusing an existing reference

 * colspan=2 |
 * VisualEditor - Toolbar - Reference.png
 * If the page already contains references, you can choose to reuse an existing citation, if it applies to the text you want to source.
 * VisualEditor - Toolbar - Reference.png
 * If the page already contains references, you can choose to reuse an existing citation, if it applies to the text you want to source.

To reuse an existing reference, place your cursor where you want to add it in the text, and click on the "Reference" icon (bookmark) in the toolbar. Look for the reference you want to reuse in the list, and select it.
 * colspan=2 |
 * VisualEditor - Editing references 18.png
 * If there are many references, you can use the search bar (labeled "What do you want to reference?") to only display references that match a given text.
 * VisualEditor - Editing references 18.png
 * If there are many references, you can use the search bar (labeled "What do you want to reference?") to only display references that match a given text.
 * colspan=2 |
 * VisualEditor - Editing references 17.png
 * Once you have chosen an existing reference, click the "Insert reference" button to insert it into the text.
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |
 * colspan=2 |

Adding a new reference

 * colspan=2 |
 * VisualEditor - Toolbar - Reference.png
 * To add a new reference, place your cursor where you want to add it in the text, and click on the "Reference" icon (bookmark) in the toolbar.
 * colspan=2 |
 * VisualEditor - Editing references 19.png
 * Select "Create new source".
 * colspan=2 |
 * VisualEditor - Editing references 17.png
 * Then, click the "Insert reference" button to open the reference editor.
 * colspan=2 |
 * VisualEditor - Editing references 20.png
 * In the reference editor, you can add, edit and format your citation.
 * VisualEditor - Editing references 17.png
 * Then, click the "Insert reference" button to open the reference editor.
 * colspan=2 |
 * VisualEditor - Editing references 20.png
 * In the reference editor, you can add, edit and format your citation.
 * VisualEditor - Editing references 20.png
 * In the reference editor, you can add, edit and format your citation.
 * In the reference editor, you can add, edit and format your citation.

You can also make the reference belong to a given group; this is used to display groups of references with the "References list" tool.
 * colspan=2 |
 * VisualEditor - Editing references 7.png
 * If you're adding a new reference and you want to include a template in it, click the Transclusion icon (puzzle piece) in the toolbar of the reference editor.
 * colspan=2 |
 * VisualEditor - Editing references 9.png
 * Then, look for the template you want to use, add it and edit it as you would an existing one.
 * colspan=2 |
 * VisualEditor - Editing references 9.png
 * Then, look for the template you want to use, add it and edit it as you would an existing one.
 * Then, look for the template you want to use, add it and edit it as you would an existing one.

Click on "Apply changes" to return to the reference editor, and "Apply changes" again to return to the page.
 * colspan=2 |
 * VisualEditor - Editing references 10.png
 * If there isn't already a list of references on the page (for example, if you're adding the first reference), you need to add it in order for the text of your reference to be displayed.
 * VisualEditor - Editing references 10.png
 * If there isn't already a list of references on the page (for example, if you're adding the first reference), you need to add it in order for the text of your reference to be displayed.

Place the cursor where you want to display references (usually at the bottom of the page), and click the "References list" icon (three books) to add it.
 * colspan=2 |
 * VisualEditor - Editing references 11.png
 * To simply add a references list, click "Apply changes" on the dialog.
 * VisualEditor - Editing references 11.png
 * To simply add a references list, click "Apply changes" on the dialog.

If you created groups of references, you can specify a group in this dialog, to selectively display references that belong to it.
 * }
 * }



Editing templates


Editing categories


Editing mathematical formulae and other special items
Some items, such as image galleries, mathematical formulae and music scores aren't yet supported by VisualEditor. Until they are, you will need to edit the source wikitext directly if you want to alter or add these.



Keyboard shortcuts
Many editors are used to entering wikitext directly, especially bold, italics and wikilinks. Keyboard shortcuts allow to quickly insert similar formatting without having to click the toolbar buttons. Common general shortcuts, and ones used by other editors, function in VisualEditor: