Using the Editor

Wednesday, September 08, 2010

Home
       Intro
       Basics
Pages
       Page Elements
          Content Panes
          Menus
          Modules
          Skins
       Working With Pages
          Creating Pages
          Deleting Pages
          Page Settings
          Previewing Pages
Modules
       Module Elements
          Containers
          Menus
       Working With Modules
          Creating Modules
          Deleting Modules
          Module Settings
          Selecting a File, Image or Link Type
          Using the Editor
Module Gallery
       Announcements
          Adding Announcements
          Editing/Deleting Announcements
          Announcements Module Settings
       Documents
          Adding Documents
          Editing/Deleting Documents
          Documents Module Settings
       Events
          Adding Events
          Editing/Deleting Events
          Events Module Settings
       FAQs
          Adding FAQs
          Editing/Deleting FAQs
       Image
          Editing Image
       Links
          Adding Links
          Editing/Deleting Links
          Links Module Settings
       Text/HTML
          Editing Text/HTML
       User Defined Table
          User Defined Table Setup
Managing
       Site Settings
       File Manager
       Recycle Bin
       Site Log
       User Accounts
       About Settings Pages
FAQ
CMS Change Blog
test

Using the Editor

Intro | Upload | Toolbar Commands

In order to create more rich content some of the modules employ the use of the CMS built-in editor. The editor is a mini version of the editors you may find in other web authoring software such as Frontpage or Dreamweaver. Using the editor you can input just about any type of HTML content you wish.

The editor allows you to:

Upload and display images
Upload and link documents
Create external and internal hyperlinks
Paste in MS-Word content
Spell Check
Find/Replace
Strip selected formatting
Edit HTML code directly
Create Image Maps
Much more . . .

Figure 1 - Editor
Rad Editor

All files that you want to include in your page must first be uploaded to CMS. The includes both images that will be displayed in your page and documents that you will create links to. You can use the Image and Document Managers to upload files that you want to display and link to. The process is identical in both managers. Once uploaded the files will be available for selection within the associated manager.

Place the cursor at the location that you wish to insert the image or link (when inserting a link you may also choose to select the text or image that you want to link from).
Click on either the Document or Image Manager icon located on the right-hand toolbar.
Using the file list navigate to the location where the file will be uploaded to.
Click on the Upload Document/Image tab.
Verify that the specified directory is correct.
Use the Browse button to select the local file to upload.
Click the upload tab.
The file should now appear in the file list for selection.
Select the file and click Insert.

Refer to the below table for a description of the editor toolbar commands:

GENERAL BUTTONS

Design button - Switches r.a.d.editor into Design Mode. -

HTML button - Switches r.a.d.editor into HTML Mode. -

Preview button - Switches r.a.d.editor into Preview Mode. -

Toggle Screen Mode - Switches r.a.d.editor into Full Screen Mode. -

Show/Hide Border - Shows or hides borders around tables in the content area. -

Zoom - Changes the level of text magnification. -

Module Manager - Activates /Deactivates modules from a drop-down list of available modules. -

Toggle Docking - Docks all floating toolbars to their respective docking areas. -

Repeat Last Command - A short-cut to repeat the last action performed. -

Find and Replace - Find (and replaces) text in the editor's content area. Ctrl+F

Print button - Prints the contents of the r.a.d.editor or the whole web page. Ctrl+P

Spell button - Launches the spellchecker. -

Cut button - Cuts the selected content and copies it to the clipboard. Ctrl+X

Copy button - Copies the selected content to the clipboard. Ctrl+C

Paste button - Pastes the copied content from the clipboard into the editor. Ctrl+V

Paste from Word button - Pastes content copied from Word and removes the web-unfriendly tags. -

Paste from Word cleaning fonts and sizes button - cleans all Word-specific tags and removes font names and text sizes. -

Paste Plain Text button - Pastes plain text (no formatting) into the editor. -

Paste as HTML button - Pastes HTML code in the content area and keeps all the HTML tags. -

Undo button - Undoes the last action. Ctrl+Z

Redo button - Redoes/Repeats the last action, which has been undone. Ctrl+Y

Format Stripper button - Removes custom or all formatting from selected text. -

Quick Help - Launches the Quick Help you are currently viewing. -

INSERT AND MANAGE LINKS, TABLES, SPECIAL CHARACTERS, IMAGES and MEDIA

Image Manager button - Inserts an image from a predefined image folder(s). Ctrl+G

Image map - Allows users to define clickable areas within image. -

Absolute Object Position button - Sets an absolute position of an object (free move). -

Insert Table button - Inserts a table in the r.a.d.editor. -

Toggle Table Borders - Toggles borders of all tables within the editor. -

Insert Date button - Inserts current date. -

Insert Time button - Inserts current time. -

Flash Manager button - Inserts a Flash animation and lets you set its properties. -

Windows Media Manager button - Inserts a Windows media object (AVI, MPEG, WAV, etc.) and lets you set its properties. -

Document Manager - Inserts a link to a document on the server (PDF, DOC, etc.) -

Hyperlink Manager button - Makes the selected text or image a hyperlink. Ctrl+K

Remove Hyperlink button - Removes the hyperlink from the selected text or image. Ctrl+Shift+K

Insert Special Character dropdown - Inserts a special character (€ ®, ©, ±, etc.) -

Insert Custom Link dropdown - Inserts an internal or external link from a predefined list. -

CREATE, FORMAT AND EDIT PARAGRAPHS and LINES

Insert New Paragraph button - Inserts new paragraph. Ctrl+M

Paragraph Style Dropdown button - Applies standard text styles to selected text. -

Outdent button - Indents paragraphs to the left. -

Indent button - Indents paragraphs to the right. -

Align Left button - Aligns the selected paragraph to the left. -

Center button - Aligns the selected paragraph to the center. -

Align Right button - Aligns the selected paragraph to the right. -

Justify button - Justifies the selected paragraph. -

Bulleted List button - Creates a bulleted list from the selection. -

Numbered List button - Creates a numbered list from the selection. -

Insert horizontal line (e.g. horizontal ruler) button - Inserts a horizontal line at the cursor position. -

CREATE, FORMAT AND EDIT TEXT, FONT and LISTS

Bold button - Applies bold formatting to selected text. Ctrl+B

Italic button - Applies italic formatting to selected text. Ctrl+I

Underline button - Applies underline formatting to selected text. Ctrl+U

Strikethrough button - Applies strikethrough formatting to selected text. -

Superscript button - Makes a text superscript. -

Subscript button - Makes a text subscript. -

Font Select button - Sets the font typeface. -

Font Size button - Sets the font size. -

Text Color (foreground) button - Changes the foreground color of the selected text. -

Text Color (background) button - Changes the background color of the selected text. -

Custom Styles dropdown - Applies custom, predefined styles to the selected text. -

Custom Links dropdown - Inserts custom, predefined link. -

OTHER KEYBOARD SHORTCUTS

- Selects all text, images and tables in the editor. Ctrl+A

- Finds a string of text or numbers in the page. Ctrl+F

- Closes the active window. Ctrl+W

- Closes the active application. Ctrl+F4