Community Central
Community Central
No edit summary
Line 20: Line 20:
 
==Media (images and videos)==
 
==Media (images and videos)==
 
[[File:VE-Insert-Media.png|thumb|250px|The media insertion tool, with the cart on the right side]]
 
[[File:VE-Insert-Media.png|thumb|250px|The media insertion tool, with the cart on the right side]]
[[File:VE-UploadNewImage.png|thumb|250px|Upload a new image]]
+
[[File:VE-UploadNewImage.png|thumb|250px|After uploading a new image]]
Upload an image, add a video, or search the community for existing images and videos using the [[File:VE-AddMediaButton.png|The media insertion tool]] Add Media button, under the Insert menu.
+
Upload an image, add a video, or search the community for existing images and videos using the [[File:VE-AddMediaButton.png]] Media button, under the Insert menu.
   
 
* To '''upload an image''', drag and drop it onto the dialog, or click the Upload button.
 
* To '''upload an image''', drag and drop it onto the dialog, or click the Upload button.

Revision as of 18:28, 30 July 2014

This extension can be enabled or disabled using Wiki Features.
VisualEditor

The VisualEditor in action

The VisualEditor feature allows users to edit an article quickly and easily. The editing interface will always reflect how the article will look when published.

On a Wikia site that has enabled this feature via WikiFeatures or if you have set your preferences to allow it, the "Edit" button on an article page will start VisualEditor. Otherwise, the 'VisualEditor' option may be available in the Edit button's dropdown menu. Unlike the classic Wikia editor — sometimes called the Rich Text Editor (RTE) — VisualEditor does not reload the entire page in your browser: it simply turns the article area into an editor. The editing toolbar appears at the top of the article space, and the cursor appears at the beginning of the text.

Making an edit

After clicking "Edit", simply begin typing the text that you want to add. The toolbar allows for text modifications like VE Bold button bold, VE Italic button italic and the selection of various text sizes (headings and sub-headings). Additional format options can be found under the style dropdown (VE format button), including underline.

Your browser's native spell check function will be used as you enter text; this is most often shown as red underlining on misspelled words.

Creating a link

The toolbar also has the VE Link button link tool that's used to link words or phrases to other pages on the same Wikia site. To create a link, either:

  • Click the link button without selecting any text - you can then type in the intended destination in the tool, and this will be used as the link text.
  • Highlight some text then click the link button - this will keep the highlighted text, but you can point the link itself at a different destination.

If the destination article already exists on Wikia, you can simply start typing the name of the page and a list of suggestions will appear. When you're done, simply hit enter or click elsewhere on the screen to dismiss the dialog. Click the linked text to access the dialog again for further changes.

Media (images and videos)

VE-Insert-Media

The media insertion tool, with the cart on the right side

VE-UploadNewImage

After uploading a new image

Upload an image, add a video, or search the community for existing images and videos using the VE-AddMediaButton Media button, under the Insert menu.

  • To upload an image, drag and drop it onto the dialog, or click the Upload button.
  • To add a video, paste a URL from a supported site into the field at the top of the Add Media tool.
  • Search the community for existing images and videos by entering search terms into the field at the top of the Add Media tool. Results will be displayed below the field. Click on one or more images or videos to add them to the cart, displayed on the right side. Items you've added the cart will show a check mark VE-MediaAdded in the upper right corner (even when they appear in subsequent search results).

Once chosen, the image or video will be added to your cart, displayed on the right side. When clicked, more detail about the image or video will be displayed in the center, along with options such as the filename and licensing, or to remove the item from the cart.

When ready, click "Add Media" in the lower right. The items will be inserted into the article as thumbnails. The default width for images is 220px, and for videos it is 330px. You can resize media and add captions after adding them to the article.

Note: admins can customize the message shown at the bottom of 'Add media' dialog by editing the wikia-visualeditor-dialog-wikiamediainsert-policy-message system message.

Manipulating media

Resize media by selecting the image and using your mouse to drag the corners. If you hold down the Shift key when dragging, it will be resized in steps of 10px.

Move media by dragging the image where you want in the article - it will snap to locations above and below paragraphs of text, indicated by a horizontal line.

Edit media captions by selecting the image and clicking the edit media button, normally shown over the upper right of the image.

Accessing source mode

On the toolbar's settings menu (VE-PageSettingsButton), choose the VE-SourceMenu option to view the page's wikitext. If you make any changes, click the "Apply changes" button in the lower right, and you'll be returned to the VisualEditor with the changes reflected there.

Other options

Other abilities include, but are not limited to:

  • Create numbered or bulleted lists by opening the Insert menu and choosing the VE list button list icons.
  • Update article categories by clicking the VE-PageSettingsButton settings menu in the toolbar, then choosing 'Categories'.
  • Add a new template using the VE-TransclusionIcon Template option on the toolbar's Insert menu.
    • Edit an existing template by selecting it and clicking the edit button, normally shown over the upper right of the template.
  • Add references by choosing the VE-ReferenceIcon Reference option on the Insert menu in the toolbar.
    • Edit existing references by selecting the references section and clicking the edit button, shown over the upper right of the section.

User preferences

To give you more control about what editor you use, you can choose your default editor from a dropdown list in your user preferences (found here).

Setting Meaning
Default Shows whichever editor has been set as default for the wikia you are on (VE, classic or source)
Wikia's new VisualEditor Shows the new VE on all wikias
Wikia's classic rich-text editor Shows the classic rich-text editor where already enabled. If not, the source editor is shown.
Source editor Shows the basic source editor on all wikias

Depending on your choice, the alternative editors can still be found under the 'Edit' button dropdown - for example, you can still access the classic editor from the dropdown even if the VisualEditor is set as your default.

Editor support and updates

VE-ClassicEditor

The Classic editor option still allows access to all existing editing tools

The VisualEditor is a new feature and heavy development is ongoing, meaning new features and bug fixes will be released regularly. It is available available for the main, User, Project and Category namespaces, and is only active on the main Wikia skin.

Any element that you can't currently modify using VisualEditor will be obscured with a striped overlay and a tooltip stating that it's not currently editable. To do things like create new tables or galleries, you'll still need to use the source mode, or the 'classic' Wikia editing experience.

VisualEditor is not supported in Internet Explorer at this time. Other standard browsers are supported.

Further help and feedback