Using the WYSIWYG

NEWS & TIPS

  • Site Access Keys
  • Top: Alt+t
    Previous: Alt+,
    Next: Alt+.
    Up: Alt+;
    (Note: use Ctrl on the Mac)

Insert an Image

You can insert an image that is located in one of the website directories (in the left asset tree) or one that is on the computer’s hard drive. If the image file is on the computer’s hard drive, it must first be uploaded to a website directory before being inserted into a page. Inserting the image into a page is done using the WYSIWYG editor.

wysiwyg editor

To insert an image:

  1. Locate the page in which you want to insert an image, and select Edit from the action bar.
  2. Once in the WYSIWYG editor, click your mouse where the image will be inserted so the cursor is visible.
  3. Click the Insert Image icon.
  4. Using the image chooser, locate the image within the folder where it resides.
  5. Preview the image and set its properties (see below).
  6. Click Submit to complete the insertion of the image into the page.
  7. Click Submit, in the WYSIWYG editor, to save the inserted image in the page.

Image Properties:

  • Image Location - This shows the directory and name of the image.
  • Alternate Text - This text will appear when a cursor rolls over an image.
  • Alignment - This will align the image within the WYSIWYG editor.
  • Border Thickness - This will adjust the thickness of the image’s border.
  • Horizontal Padding - This gives the amount of space between the left and right sides of the content area and the image.
  • Vertical Padding - This gives the amount of space between the top and bottom sides of the content area and the image

Certain image properties, such as size, may be adjusted within the WYSIWYG itself. Simply click on the image and drag the border to shrink or enlarge. Please note, however, that this method of resizing will not alter the file size or resolution and therefore should only be reserved for minor adjustments.

Last modified on Mon, 05 Nov 2007 11:06:23 -0500

Topic Feedback Form

Content Rating:
Email:
Feedback:


Top / Previous / Next / Up / Table of Contents