Help:VisualEditor

From FHX Wiki
Revision as of 16:50, 19 June 2024 by Ryzuhr (talk | contribs)
Warning:
This page is in draft.

VisualEditor allows you to edit an article and see what the end result looks like in real-time, instead of relying on navigating wikitext source code.

This guide will cover how to use VisualEditor to create and edit an article.

Info:
VisualEditor is only available on articles in the main namespace. Help and Project articles can only be edited via source wikitext.


Getting started

Opening the visual editor
Click the Edit tab at the top of an article or edit next to an article section.

Visual editor's toolbar

The visual editor's toolbar appears at the top of the screen when you begin editing. From here you can perform various actions:

  • Undo or Redo changes you've made.
  • Headings drop-down menu to change how text is styled (paragraph, heading, sub-heading, etc.).
  • Formatting drop-down menu to change how text is formatted (bold, italic, etc.).
  • Linking tool to add links to an article.
  • Lists and indentation to add lists (bulleted, numbered) and changing indentation level of text.
  • Insert to insert images, tables, tabber, etc. in an article.
  • Special characters to add characters or symbols to text.
  • Editing mode to swap between visual and source editing. This can also be done by clicking Edit source at the top of the article.
Discard edits
To discard all changes and exit visual editor, you can click Read at the top of the article. This will display a prompt to continue editing or discard edits.
Save changes
Click Save changes..." to publish your changes.

Basics of editing

The edit links for the entire page or a single section.

Your first edit

See also: Help:Editing

Similar to the editing help guide, let's say you spotted a typo or a mistake in a paragraph of text that you want to fix, or you want to add a sentence.

First, click Edit at the top of the article (to edit the whole page) or next to the section you want to edit. This will open the visual editor with the toolbar at the top. Now you can edit the article and see the end result in real-time as you make changes, and don't need to navigate the source wikitext.

After you make your changes, click Save changes..." to publish your changes.

Creating new pages

The easiest way to create an entirely new article is to find a link that leads to it, which will show up in red color, such as Help:Example, and click on it. A familiar editing window will appear, and when you save your changes, the new page will be created.

As an alternative, you can search for the exact name you want the page to have in the Search box in the top bar, and click on the red link that appears at the top of the search results.

When you initiate the page creation, it should open the last editor mode you were in. If it opens the source editor, you can manually change to visual by clicking Create at the top of the article.

Text formatting

See also: Help:Editing#Text formatting

To add text formatting in visual editor, you can use keyboard shortcuts for some formatting or the editor toolbar at the top.

Adding a link to text with the linking tool.

Links

See also: Help:Editing#Links

Visual editor has a linking tool that can perform the same actions as adding links through wikitext. You can click the tool, or press Ctrl+K, and search for the article you want add a link for. If doing this at the cursor, it will paste the article title as part of the link. You can also highlight text and use the linking tool to add an article link to the text, while keeping the original text in place.

Introduction to other features

Templates

Tables

Images

Keyboard shortcuts

Unlike when editing wikitext, the visual editor allows you to use keyboard shortcuts to quickly apply formatting without having to use toolbar items. Here are some of the most common shortcuts in the visual editor.

PC shortcut Action
Ctrl+B Bold
Ctrl+I Italics
Ctrl+K Insert link
Ctrl+X Cut
Ctrl+C Copy
Ctrl+V Paste
Ctrl+Z Undo

External links


How to help
Editing articles
Editing guide (Cheatsheet) • VisualEditorImagesImage transparency
Formatting guides
Item formattingNPC formattingSkill formattingLocation formattingQuest formatting
Pages with missing elements
NPC pages missing coordinatesPages with broken file linksPages with a page warning
Article feedback
Leaving article feedbackFixing vandalism
Miscellaneous
FAQSearching for pagesTablesTemplatesSandboxRedirectsReferencesSignaturesArchiving talk pages