Adding an Image to a WYSIWYG Course

This topic refers to functionality on the classic WYSIWYG Editor, which looks like the illustration below.

In Release 20D, all customer environments will be migrated from the existing Classic WYSIWIG editor (Cute Editor) to our new editor experience (TinyMCE). If you would like to take advantage of the more secure and robust TinyMCE editor features by migrating before Release 20D, you can submit a service request through My Oracle Support to ask for early migration.

See New WYSIWYG Editor for details.

You can add images to WYSIWYG Courses in several ways. Typically, you will add files that you previously uploaded to Resource Manager. If there are files you want to use and you have not already uploaded them to Resource Manager, you can do so while adding them to your Course. Another way you can add images to your Course is to point to their locations on the Internet. See the following sections for instructions on each of these methods.

Adding Images from Resource Manager

If you have already uploaded the images you want to use in your Course to Resource Manager, follow these steps.

In the Classic Courses WYSIWYG Editor

Place your cursor at the spot on the page where you want the image inserted.
Click .

Select Images from the Folders drop-down list.
Select the View Preview check box if you want to see the picture you select. (Default)
or
Clear the check box to prevent the preview from displaying.
In the Choose From Pictures You’ve Uploaded drop-down list, select the image you want to use.

Images must first be uploaded to Resource Manger before you can add them to a Course. If you have not already uploaded the file you want to use, you can do it now from this window. See Uploading Images from Your Computer below for instructions.

Type the Width of the image in pixels.
Type the Height of the image in pixels.

If Height and Width are not set, the image will be inserted at its actual size. Once inserted, an image can be resized in the editor by clicking on it and using the surrounding handles to adjust the shape.

Type the Border Thickness around the image in pixels.
Select an Alignment position from the drop-down list.
Type the Horizontal spacing size in pixels that the image should be placed relative to the insertion point.
Type the Vertical spacing size in pixels that the image should be placed relative to the insertion point.
Click Save.

Uploading Images from Your Computer

If you have not already uploaded the file you want to the Resource Manager, you do not need to navigate away from this window to do so. You can upload additional images the Resource Manager directly from this window.

In the Classic Courses WYSIWYG Editor

Place your cursor at the spot on the page where you want the image inserted.
Click .
Click Upload More Pictures.
In the Directory to upload to drop-down list, select Images.
Click Browse and search your computer for the image you want to upload.
Select the file and click Open.
Repeat the previous two steps until you have added each image you want to upload. (You can upload 10 files at once.)
Click Upload. A dialog box displays the upload status.
Click Return. The Pictures pop-up window opens.
The uploaded images are listed in the Preview drop-down list.
To add one of the uploaded images now, select it from the Preview drop-down list then click Save.

Uploading Images from a Location on the Internet

You can upload images from the Internet to be used in your Course. In the WYSIWYG Course Editor:

Browse to the web page that contains the image you want to use.
Right-click the image and select Properties.
Highlight the entire URL Address of the image, then press CTRL+C on your keyboard to copy it.
Click OK to close the window.
In the WYSIWYG Course Editor, place your cursor at the spot where you want the image inserted.
Click .
In the Enter a URL to a Picture on the Internet box, highlight the existing text (http://) then press CTRL+V on your keyboard to paste the URL of the picture’s location.
Click Save.