User:Ccsmith/sandbox/wiki4

What is VisualEditor?
Visual Editor replaces Rich Text Editor used in the previous version of the Wiki. This application allows all users to edit pages without learning wikitext. In addition, VisualEditor works in most commonly-used browsers, such as, Chorme, Firefox, Internet Explorer 10 or higher, and Safari.

When to Use VisualEditor
Use VisualEditor when you want to do the following: Visual Editor cannot:
 * Edit text on a page
 * Edit text in a table
 * Create tables
 * Add rows and columns to tables
 * Add or fix a URL
 * Add references, templates, and images
 * Indent bullet and numbered lists
 * Add special characters, including diacritics, such as, ö.
 * Create or edit templates
 * Edit Help pages
 * Edit User pages
 * Any "Protected" pages
 * NOTE: [Edit source] must be used to accomplish all the tasks the VisualEditor cannot do. You can find instructions and lessons on how to edit in wikitext,  here.

How to Edit in VisualEditor

 * Note: You must be logged into the FamilySearch website to edit in the Wiki and to see all options for editing.

"Edit" tab
To edit a page using Visual Editor, click on the "Edit" tab located in the top right hand corner of the screen. This will open a edit page with a tool bar with icons to help with additional editing features.

Icons on the tool bar - left to right
'''NOTE: some icons on the VisualEditor tool bar have shortcuts to completing an action. Hover over the icon to learn the shortcut available.





Paragraph 

 A 

  Cite



   

Insert<div style="margin-left:1vw; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid gray">

<div style="flex:0.8; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"> Ω

<div style="flex:4; display:flex; align-items:center; justify-content:flex-end; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"> <div style="display:flex; align-items:center; justify-content:center; border:3px solid black; width:20px; height:20px; border-radius:20px; font-size:1.5em; margin-right:10px">? <div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">

<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">

<div style="flex:2; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue; color:white; background-color:lightgray">Save page

For more help on VisualEditor
For additional help on VisualEditor, go to the MediaWiki article. Please note that some icons in the user guide are different from our version of VisualEditor.