Editing with the Older Editor

Which one are you using?

The newer editor has fewer buttons.

If your editor looks like this, use the help page for Blue Button Editor

The older editor looks more-or-less like this.

If your editor looks like this, use the help page for Older CK editor

Each page of your website is made up of one or more Articles.  After you log in, you'll see a couple of links: Edit and Photo below each article. 

An article may or may not have a Title.  An article with no title looks like a continuation of the previous article. An article with no title needs to have a Note so you can see what it's about.

Each article can have an image or photo attached to it.  You can place the photo across the top of the article or to the left or the right.  A photo can have a caption, as well.

Special pages such as a photo album, calendar or list of documents might also contain other elements.

Login from the link in the lower right of any page of your site.

The Admin Menu will be visible in the upper right corner of your site.  It floats on the page so you can always get at it.  If the Admin Menu is covering the spot where you need to work, make the window wider to give it more room.

After you log in, below each article you'll see an "Edit" and a "Photo" link.  Click "Edit" on the article you want to edit.

Site Manager uses an editor that is very much like a word processor - you type your content into the text area.  

The toolbar buttons are:
      cut, copy & paste
      undo and re-do
      insert or remove a link
      put in a horizontal line or special character
      search and replace
      highlight all the text in the editor

      bold, italic, underline, and remove formatting
      styles
      left align, centre, right align and justify
      numbered list, bulletted list, outdent and indent
      templates and source (you won't need to use these)
      information about the editor like copyright & such

To remind yourself what a button does, hold your mouse over it. 

When you hit Enter to go to a new line, the editor creates a new paragraph.  Paragraphs are separated by some extra space, like the space below this paragraph.

To make a new line without making a new paragraph, use Shift-Enter.  This will move the cursor to a new line without leaving extra space.
This text is on a new line, but there is no space between.  You might want to use this technique in a list of items.

Simple formatting is applied with the Bold, Italic, and Underline buttons in the toolbar.  Or you can use the keyboard shortcuts: Ctrl-B, Ctrl-I, and Ctrl-U.

In order to apply formatting, use the mouse or keyboard to highlight the text you want to format.  Then click the button or use the keyboard shortcut.  

Tip: To highlight with the keyboard, hold the Shift key while moving the cursor with the arrow keys. Using the keyboard to highlight can be easier and more precise than highlighting with the mouse. 

To remove formatting, highlight the text and click the Remove formatting button (the eraser).

To apply formatting as you type, use the shortcut or click the button before you start to type the text you want to format.  Use the same shortcut or click the eraser button to turn off the formatting.

You can apply two (bold-italic) or even three (bold-italic-underline) formats to the same text.

Styles are an easer and better way to apply more complex formatting.  The font weight, colour and size are "bundled" so all are applied in one step and the Styles will be consistent across the site, so your site will continue to look professional.

Paragraph Styles & Headings.

The Block Styles in the top part of the Styles drop-down are applied to the whole paragraph, and are used for headings and titles.  

To apply a Block Style, place your cursor in the paragraph and chose the style you want from the drop-down.  

To remove a Block Style, place your cursor in the paragraph and chose Normal Paragraph.

You can also apply a Block Style when you start typing a paragraph.  When you hit Enter to move to the next paragraph, the style will revert to Normal Paragraph.

Inline Styles

The Inline Styles in the lower part of the Styles drop-down are applied to highlighted text.

To apply an Inline Style, highlight the text you want to format and chose the format you want from the drop-down.

To remove an Inline Style, highlight the text you want to remove formatting from and click the eraser button.

You can also apply an Inline Style when you start to type the text you want to format.  When you want to go back to normal formatting, click the eraser button.

To add a link in your content:

• Go to the page you want to link to.  Highlight the address in the address bar at the top of the window, right-click it and choose Copy from the drop-down menu (or use the Ctrl-C keyboard shortcut).  Fig. 1
• Begin a new article, or open the editor on the article where you want the link to go.
• Type the text you want for the link and highlight the text. 
• Click the Link button on the editor toolbar (top row, 6th from right, a blue globe).
• Paste the address into the URL field and click OK

Cut, copy and paste work much the same way as in a Word Processor.  Use the toolbar buttons or the keyboard shortucuts:

• Copy   Ctrl-C
• Cut      Ctrl-X
• Paste  Ctrl-V
• Paste plain text   Ctrl-Shift-V

Unfortunately, the editor can get cranky when you paste text - it will bring in formatting in a way that is very difficult to edit.  So when you're pasting, it is best to use the Paste plain text command.  The Paste toolbar button is set up to paste as plain text.