Intro to online editor

www.ProEducationalNetworks.com

The online editor is used to enter content into your Page or Post and is very
easy to use. If you are familiar with Word Processor then you’ll find the
editor almost the same. The online editor has a menu options that allow
you to Bold ( ) or Italicize ( ) text or enter in Headings ( ) or
bullet points ( ).

You can also use most of the basic keyboard shortcuts used in other text
editors Such as: Shift+Enter inserts line break, Ctrl+C = copy, Ctrl+X = cut,
Ctrl+Z = undo, Ctrl+Y = redo, Ctrl+A = select all, etc. (if you are on a Mac use
the Command key instead of Ctrl).


At the top of the editor you can see two tabs, Visual/HTML ( ).
Here you can switch the editor view between the Visual editor and the
HTML editor. The HTML view will enable you to view the HTML code that
makes up your content. For the more experienced users this can be
helpful at times but for those not familiar with HTML tags, it's not
recommended.
First thing to do when you are creating a new Page or Post is to enter the
title in the top entry field where it says “Enter title here”. After moving the
cursor down to the editor a new Permalink is created for your Page.
Permalinks are the permanent URLs to your individual Posts, Pages,
Categories etc.. Though not usually necessary, you can manually edit your
permalink by clicking on the actual permalink (the part after the domain
name with the yellow background) or by clicking the Edit button. Once
you've modified it, click Ok to save or Cancel to cancel your changes.


At the top of the editor where your content is written, you will see
numerous formatting buttons. Clicking the Show/Hide Kitchen Sink button
(the last button with the small coloured boxes) will show or hide a second
line of formatting buttons which will give you an extra functionality. The
editor buttons perform the following functions:

Add Media (Image-Video-Audio): Used to upload and insert
Images/Videos/Audios/Media into your posts and pages.

Bold: Bold text

Italic: Italicise text

Strikethrough ‐ Add a strikethrough to your text

Unordered List ‐ Create an unordered (bullet point) list


Ordered List ‐ Create an Ordered (numbered) list

Blockquote ‐ Used as a way of showing a quote. How this looks
will be entirely dependent on the Theme that your site is currently
using

Align left ‐ Align text to the left

Align Center ‐ Align text in the center of the page

Align Right ‐ Align text to the right

Insert/edit link ‐ Used to create an html link to another page or
website. The text that you want to link needs to be highlighted
first before the button become will become active. If you wish to
create a link to an uploaded file such as a PDF, then use the Add
Media button instead


Unlink ‐ Remove the html link from the selected link. Your cursor
must be sitting on an active link for the button to be active

Insert More tag ‐ Inserts the More tag into your Page. Most blogs
only display a small excerpt of a Post and you're required to click
the Post title or a “Read more...” link to continue reading the rest of
the article. When you insert a “More” tag into your Post, everything
prior to the tag is considered as this excerpt. Most times you'd
only use this button when you’re creating a blog Post, rather than a
Page

Toggle Spellchecker ‐ Used to toggle the spellchecker on and off.
You can also select between a range of different languages

Toggle fullscreen mode ‐ Clicking this button will enlarge the
editor so that it fills the browser window. Clicking the Exit
fullscreen link at the top of the screen will reduce it back to its
original size


Show/Hide Kitchen Sink ‐ Used to show or hide the second row of
formatting buttons on the editor toolbar
Style ‐ Used to format the Page text based on the styles used by
the current Theme

Underline ‐ Underline your text

Align Full ‐ Align text on both the left and right (ie. justify)

Select text color ‐ Use to change the color of text

Paste as Plain Text ‐ Copying & pasting text from other sites or
word processors sometimes leaves the text formatted
differently to what you were expecting. The reason for this is
that quite often the html tags or codes that formatted the
original text are pasted along with the text itself. To avoid this,
Paste as Plain Text will strip all these formatting and html tags.
Checking the keep linebreaks checkbox will preserve all HTML
<br /> tags. Unchecking this option will remove them


Paste from Word ‐ Pasting text from MS Word typically includes a
huge amount of extra unrequired HTML tags which usually leaves
the text formatted incorrectly. Using the Paste from Word option will
remove these additional tags and clean up the HTML

Remove formatting ‐ Use this to remove all the formatting (ex.
Bold, Underline, text color etc..) from the highlighted text

Insert custom character ‐ Used to insert special characters not easily
accessible via the keyboard (ex. ¼, ½, ¾, ©, €, ö etc..)

Outdent ‐ Removes one level of indenting

Indent ‐ Indents text by one level

Undo ‐ Undo your last action


Redo ‐ Redo your last action

Visual/HTML ‐ Switches the editor view between the Visual
Editor and the HTML editor. The HTML view will enable you
to view the HTML code that makes up your content. For the
more experienced users this can be helpful at times but
for those not familiar with HTML tags, it's not
recommended


Intro to online editor

Recommended

More Related Content

What's hot (18)

Viewers also liked (20)

Similar to Intro to online editor (20)

Recently uploaded (20)

Intro to online editor