Help:Formatting

From IslandWood Education Wiki
Jump to: navigation, search

In most wikis, you format your text using wiki markup. This consists of normal characters like asterisks, single quotes or equation marks which have a special function in the wiki, sometimes depending on their position. For example, to format a word in italic, you include it in two single quotes.  Very similar to html.  If you know wiki markup, or choose to learn it, please feel free.  There are lots of resources on the web - this takes yo to the syntax for our wiki:  Mediawiki's Text Formatting


We've set up this wiki with a visual editor - an editor you can use without having to enter special markup (like HTML, wiki tags). The editor bars resemble those of commonly used word processing programs. We've built a WYSIWYG Editor into our Wiki and it comes up by default when you edit an article.


The main thing to consider is if you choose to paste text you prepared in MS Word.  Please read about pasting from MS Word if you plan on doing this. Otherwise, formatting is just like in most programs, as indicated below.


700px-VisualEditor.png

The functions of the editor

The editor does exactly what you would expect from standard word processing programs: You mark the elements you want to change, and then choose the change, for example bold, from the toolbar. The change in formatting can be seen immediately.

Fundamental functions

Icon Function
Btn-WYSIWYG-Wikitext.png
switch to editing using the wiki code
Btn-WYSIWYG-Save.png
save
Btn-WYSIWYG-redo.png
Btn-WYSIWYG-undo.png
undo; redo
Btn-WYSIWYG-Search.png
find and replace
Btn-WYSIWYG-CopyandPaste.png
paste as formatted text (e.g. from Word)
Btn-WYSIWYG-Signature.png
insert signature
Btn-WYSIWYG-InsertLink.png
insert or edit link; you can find out how to insert links at the page Help:Links/example.
Btn-WYSIWYG-removelink.png
remove link
Btn-WYSIWYG-InsertMagic.png
insert tags or MagicWords. (Just ignore this)
Btn-WYSIWYG-InsertImage.png
insert image; lets you upload and embed images.
Btn-WYSIWYG-InsertFile.png
insert file
Btn-WYSIWYG-InsertCategory.png insert category; the feature Insert Category gives you an overview of the categories which already exist and lets you assign them to the current article.
Btn-WYSIWYG-CheckboxChecklist.png
insert checkboxes or checklists
Btn-WYSIWYG-InsertTable.png
insert table (also "table properties" and "delete table")
Btn-WYSIWYG-TableElements.png
insert row above, insert row below, delete this row; insert column to the left, insert column to the right, delete this column
Btn-WYSIWYG-Bold.png
Btn-WYSIWYG-italic.png
Btn-WYSIWYG-underlined.png
Btn-WYSIWYG-strikeout.png
bold; italic; underlined; strike-out
Btn-WYSIWYG-bullet.png
Btn-WYSIWYG-Numberedlist.png
list with bullet points; numbered list
Btn-WYSIWYG-indents2.png
Btn-WYSIWYG-indents.png
decrease indent; increase indent
Btn-WYSIWYG-Symbol.png
insert special symbol
Btn-WYSIWYG-break.png
insert line break
Btn-WYSIWYG-Formats.png
headings; Inline; alignment (left; center; right); table (standard, sortable, greyscale); pre
Btn-WYSIWYG-Headings.png
define headings
Btn-WYSIWYG-textcolor.png
text color
Btn-WYSIWYG-RemoveFormatting.png
remove formatting
Btn-WYSIWYG-FullScreen.png
edit in full screen mode

 

Working with tables

As uncomplicated as it may be for other formatting, wiki code is not ideal for tables. However, in the WYSIWYG editor, you can work with tables quickly and easily. Note that the majority of the buttons which deal with table formatting will only become active when a table is selected.

Tips for working with the WYSIWYG editor

  • The WYSIWYG editor makes it easier to work with tables and images, in particular. We recommend working with normal wiki tags when making or editing complex pages.
  • The visual editor is a web editor and as such cannot be guaranteed to work completely smoothly with desktop applications like Microsoft Word. You will need to be tolerant and be pleased that the editor at least makes some of your work easier. See Help:Paste From Word for more information.
  • When using the Google Chrome browser, scaling images is currently only possible with
    right-click => insert/edit image.