Help:Wiki University VisualEditor-- Introduction

Introduction to Visual Editor
To use the Visual Editor, click on the "Edit" tab on the Wiki tool bar,

and the following Visual Editor tool bar appears underneath the Wiki tool bar: (For a complete explanation on the FamilySearch Wiki tool bar click here.)





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


 * The rest of the page looks pretty much the same as you see on the original page.
 * You will notice that some of the text may have black borders around them.
 * Some areas will turn a light blue color when you put your cursor over them.
 * To get back to the page, click on the "Read" tab.

What kind of editing can you do in Visual Editor?

 * You can now edit any text or add text on any page except in those areas that turned light blue when you put your mouse over them. They are templates, infoboxes, etc., which cannot be edited in Visual Editor.
 * If you go to a template page, for example, to try to edit it with the Visual Editor, you will find that the "Edit" tab is missing, so Visual Editor is unavailable.
 * Those areas that are outlined with a black border are tables. You can edit the text in the table or change the structure of the table, such as increase the number of rows or columns.
 * You can add or fix links.
 * You can add references or footnotes.
 * You can create bullet and numbered lists.

Wikitext coding is required to do more

 * To do more than is allowed by Visual Editor requires a knowledge of Wikitext coding.
 * Lessons are available in Wiki University. Just click on the WIKITEXT on the black tabs above and you will be taken to lesson material on Wikitext.  Note:  Wikitext is not hard to learn.  By learning it, you will increase your ability to contribute to the Wiki in many more ways than you can with Visual Editor.

Try these out
<div style="border-top:10px solid lightgray; border-left:10px solid lightgray; border-right:10px solid lightgray; border-radius:5px;"> Quick Quiz
 * To use the Visual Editor you click on what tab in the toolbar?


 * A. Edit source.
 * B. The down arrow.
 * C. Page.
 * D. None of the above.


 * What is the star used for?


 * A. To give a star to someone for their good work.
 * B. To place a "watch" on a page.
 * C. It allows you to rename a page.
 * D. All of the above.


 * What is the View history tab for?


 * A. See who has made changes to the page over time.
 * B. See who created the page.
 * C. See who may have messed up a page.
 * D. All of the above

<div style="width:160px; height:20px; padding-top:3px; padding-left:10px; background-color:orange; color:white; border:1px solid orange; border-radius:5px;">Check your answers