Insert Media

Insert an Image

  1. Position the cursor.

    Position your cursor in the text box at the point you want to embed the image.

    Screenshot of the editor with the cursor in the desired location that the image will go in.

  2. Click on the Insert/Edit Image icon.

    This displays the image properties dialog box

    Screenshot of the toolbar with the Insert/Edit Image icon highlighted.

  3. Select the image file or paste the image URL.

    Upload & embed an image file

    1. Click Browse Server.
    2. Select the folder where you want to store the image file then click on the Upload File icon.
    3. Locate and select the image file on your computer, then click Open.
    4. The uploaded file will be selected. Click OK to continue.

    Embed a web image

    1. Paste the copied image URL into the box marked URL. (Use CTRL-V - PC or COMMAND-V - MAC to paste.)
    Screenshot of the image properties pop-up with the Browse Server button highlighted.

    Click Browse Server to embed an image file.

    Screenshot of the server pop-up with the upload button highlighted.

    Click the upload icon.

    Screenshot of the file browser with the desired file selected and the open button highlighted.

    Locate and select the image file on your computer, then click Open.

    Screenshot of the server pop-up with the OK button highlighted.

    Click OK.

    Screenshot of the image properties window with the URL inserted.

    Paste image URL to embed a web image.

  4. Modify image properties. (Optional)

    Adjust the image width and height if needed and add an alternative text for screen readers.

    Set the Alignment (left or right) for the image if you want to surround the image with text.

    This returns the display to the text box with the embedded image.

    Screenshot of the image properties pop-up. (Optional) Set the Alignment.

    Set the Alignment.

    Example of additional text displayed next to a left-aligned image.

    Example of additional text displayed next to a left-aligned image.

Back to Top

Insert a video file

Videos can be embedded into a text-box using the Rich Text Editor. Currently, supported video file types include .MP4, .FLA, .F4V, .3GPP, .M4V and .MOV.

  1. In the text box, position your cursor where you want to embed the video.

    Screenshot of the text window with the cursor where the MP4 will be placed.

  2. Click the Insert/Edit Movie icon.

    This displays the Movie Properties dialog box.

    Screenshot of the toolbar with the Insert/Edit Movie icon highlighted.

  3. Click Browse Server.

    This displays the Entity Picker dialog box.

    Screenshot of the movie properties pop-up with the Browse Server button highlighted.

  4. Click the Upload file icon.

    Screenshot of the server window with the Upload file icon highlighted.

  5. Locate and select the video file that you want to embed in the text box.

    Once you have located and selected the file, click Open to upload it.

    Screenshot of the file browser with the desired video selected and the open button highlighted.

  6. The file will upload.

    Your file will be uploaded to the server. This may take a while if it is a large file.

    Screenshot of the server popup with a loading bar as the file uploads.

  7. Click OK to embed the video on the page.

    Once the file has finished uploading, it will appear in Resources and will be selected by default. Click OK to add the video the text box.

    Screenshot of the server window with the file uploaded and the OK button highlighted.

  8. Click OK to continue.

    Screenshot of the movie properties window with the OK button highlighted.

  9. View embedded video file.

    The embedded video will display in the editing view as "Movie." When the text box is posted or saved, it will display the video on the page.

    Screenshot of the text window with the newly embedded video file.
Back to Top

Insert a Youtube/Web Video

  1. Locate the Youtube video you would like to embed and click Share.

    Click Embed and copy the Youtube embed code to your computer's clipboard (CTRL-C - PC or COMMAND-C MAC).

    Note: It is recommended to remove the check mark next to "Show suggested videos when the video finishes"

    Screenshot of a youtube video with the share button highlighted.

    Click Share to display the video-sharing panel.

    Screenshot of the youtube share options with Embed highlighted.

    Click Embed to display the video embed code.

    Screenshot of the video's embed code higlighted.

    Copy the embed code.

  2. In the RICH TEXT EDITOR, click Source.

    Clicking source will display the HTML code for the text box.

    In the text box, click Source.

  3. Position the cursor.

    Position your cursor where you would like the video embedded, then paste the YouTube embed code (CTRL-V - PC or COMMAND-V - MAC).

    Position the cursor.

  4. Click Source again.

    This returns the text box display to normal editing mode. The embedded YouTube video will display as a box marked "iframe". When the item using the text box is posted or saved, it displays the embedded YouTube video.

    Click Source again.
Back to Top

Insert an audio file

  1. In the text box, position your cursor where you want to embed the audio file.

    Screenshot of text editor with cursor positioned in desired location.

  2. Click the Insert/Edit Movie icon.

    This displays the Movie Properties dialog box.

    Screenshot of the text editor with the insert/edit movie button highlighted.

  3. Click Browse Server.

    This displays the Entity Picker dialog box.

    Screenshot of the movie properties pup-up with the browse server button highlighted.

  4. Click the Upload file icon.

    Screenshot of the server pop-up with the upload button highlighted.

  5. Select the audio file you want to embed in the text box.

    Once you have located and selected the audio file, click Open to upload it.

    Screenshot of the file selection window with a file selected and the open button highlighted.

  6. Click OK.

    Once the file finishes uploading, it will show in the file directory listing and will be selected by default. Click OK to continue.

    Screenshot of the server pop-up window with the OK button highlighted.

  7. Set the Height to 35, and then click OK.

    Screenshot of the movie properties window with the Height set to 35, and the OK button highlighted.

  8. View the embedded audio file in the editor.

    The editing display will show a place-holder for the audio marked "Movie". When the text box item is published the embedded audio player will be displayed.

    Screenshot of the embedded audio file in the editor.
Back to Top