Image

From eLearning Wiki
Jump to: navigation, search

The image function allows you to insert or edit images in your Isidore content. Once you insert the image, you'll be able to modify properties, including size and alt text. To modify an images properties, see the Editing Embedded Images section below.

Embedding Images in Text Entries in Isidore

Approach 1: Uploading an Image from your Computer

  1. Begin your text entry wherever you want to embed the image. Make sure your cursor is located where you want the picture to appear.
  2. Click on the Image icon in the text editor. Picture.png
  3. Click on the Upload tab in the Image Properties pop-up.
  4. Click on the Choose File button to upload.
  5. Navigate to where the image is stored on your computer, select it, and click on Open.
  6. Click on the Send it to the Server button.
  7. Edit the image's size, alignment, and caption in the same popup.
  8. Press the OK button to add the image to your entry.
  9. Save or post the entry to see the image included in your text entry.

Approach 2: Copying and Pasting

  1. Find a picture you would like to copy into your text entry.
    • If you are finding the picture on the internet, right click the image and select Copy Image from the pop-up menu.
    • If you are finding the picture on your computer, you must first open the picture on your computer's default picture viewing software (Photos on Windows systems) or within a picture editing program. Then right click on the image and select Copy from the pop-up menu.
  2. Begin your text entry wherever you want to embed the image. Make sure your cursor is located where you want the picture to appear.
  3. Press ctrl + v on your keyboard to paste in the image. Most browsers do NOT allow you to right click in the text editor to paste the image. You must use the keyboard.
  4. Save or post the entry to see the image included in your text entry.

Approach 3: Dragging and Dropping

  1. Find a picture you would like to drag and drop into your text entry. You can choose a picture from the internet or from your computer.
  2. Begin your text entry wherever you want to embed the image. Make sure your cursor is located where you want the picture to appear.
  3. Click on the picture and hold down the mouse key. While holding down the mouse key, drag the picture into the text editor and release the key.
  4. Save or post the entry to see the image included in your text entry.

Approach 4: Using Web Addresses from the Internet

  1. Find a web address of an image you'd like to embed into a text entry in Isidore.
  2. Copy the web address.
  3. Begin your text entry in Isidore. Make sure your cursor is located where you want the picture to appear.
  4. Then select the Image icon in the text editor. Picture.png
  5. In the Image Properties popup, paste the web address in the URL field.
  6. Edit the image's size, alignment, and caption in the same popup.
  7. Press the OK button to add the image to your entry.
  8. Save or post the entry to see the image included in your text entry.

Editing Embedded Images

Embedded images may have the following properties applied to them through the rich-text editor: horizontal alignment, width and height adjustments, alt text, and captions. Follow the instructions below to edit an embedded image:

  1. Locate the image you wish to edit and open the text editor in which it is embedded.
  2. Double click on the image.
  3. The Image Properties pop-up will display.
  4. On the Image Info tab, you can edit the following properties:
    • Alternative Text: Add a description of your image. Read more about alternative text.
    • Width and Height: The image you upload will show the dimensions of the image in pixels in these fields. Either reduce or increase the pixels in either the width or height field to make the image smaller or larger as needed.
    • Alignment: The image will have no alignment by default. Choose left, center, or right to position the image within the text entry.
    • Captioned image: Selecting this option will give you the ability to enter a caption that is displayed underneath the picture. If you choose this option, you will enter the text of the caption in the text editor itself, not within the Image Properties pop-up.
  5. Press OK to see the changes to your picture.



Return to the main CK Editor page