|-
| colspan=2 |
=== Editing images ==={|
|-
| To add a new image (or another type of media file) to the page, click the "{{int:visualeditor-dialogbutton-media-tooltip}}" icon (a picture of mountains) in the "{{int:visualeditor-toolbar-insert}}" menu. The image will be added wherever your cursor is.
| [[File:VisualEditor Media Insert Menu-en.png|thumb|border|150px|center]]
|
*To add a new image (or another type of media file) to the page, click the "{{int:visualeditor-dialogbutton-media-tooltip}}" icon (a picture of mountains) in the "{{int:visualeditor-toolbar-insert}}" menu.
*The image will be added wherever your cursor is.
|-
| colspan=2 | <hr />
|-
| Clicking the "{{int:visualeditor-dialogbutton-media-tooltip}}" icon opens a dialog that automatically searches Wikimedia Commons and your local wiki for media files related to the title of the page you're editing.
You can change the search by changing the text in the dialog's search box.
To choose a file, click on its thumbnail image.
This places the image onto the page you are editing.
| [[File:VisualEditor - Media editing 2.png|thumb|border|center|500px]]
|
*Clicking the "{{int:visualeditor-dialogbutton-media-tooltip}}" icon opens a dialog that automatically searches Wikimedia Commons and your local wiki for media files related to the title of the page you're editing.
*You can change the search by changing the text in the dialog's search box.
*To choose a file, click on its thumbnail image.
*This places the image onto the page you are editing.
|-
| colspan=2 | <hr />
|-
| After the image you selected is inserted into the page, another dialog will open. This dialog allows you to add and edit the caption of the image. The caption can contain formatting and links.
| [[File:VisualEditor - Media editing 6.png|thumb|border|center|500px]]
|
*After the image you selected is inserted into the page, another dialog will open.
*This dialog allows you to add and edit the caption of the image. The caption can contain formatting and links.
|-
| colspan=2 | <hr />
|-
| The media dialog also allows you to add alternative text captions, to help users who use screen readers, or who have disabled image display.
| [[File:VisualEditor - Media editing 7.png|thumb|border|center|300px]]
|-
| colspan=2 | <hr />
|-
| [[File:VisualEditor - Media editing 8.png|thumb|border|center|500px]]
| You can also set various parameters for the image in the "{{int:visualeditor-advancedsettings-tool}}" window. These include the alignment, the type, and size of the image.
| [[File:VisualEditor - Media editing 8.png|thumb|border|center|500px]]
|-
| colspan=2 | <hr />
|-
| [[File:VisualEditor Apply Changes-en.png|thumb|border|center|150px]]
| When you're done, click "{{int:visualeditor-dialog-action-apply}}" to close the dialog and return to editing the page.
| [[File:VisualEditor Apply Changes-en.png|thumb|border|center|150px]]
|-
| colspan=2 | <hr />
|-
|For an existing image, you can add or edit a caption or other settings by clicking on the image, then clicking on the "{{int:visualeditor-dialogbutton-media-tooltip}}" 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.
| [[File:VisualEditor - Media editing 3.png|thumb|border|center|360px]]
|
*For an existing image, you can add or edit a caption or other settings by clicking on the image, then clicking on the "{{int:visualeditor-dialogbutton-media-tooltip}}" 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.
|}