Topics Map > Sakai > Sakai 23 Help > Rich-Text Editor (CKEditor)

Sakai 23 - Rich-Text Editor (CKEditor): How do I embed an image in a text box?

 

How do I embed an image in a text box?

Position the cursor.

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

Click on the Insert/Edit Image icon.

This displays the image properties dialog box

Click Browse Server.

Click Browse Server.

Double-click Resources.

Double-click Resources.

Upload the image file.

Select the folder where you want to store the image file then click on the Upload File icon.

Drop files or paste URLs or clipboard images.

Drop or paste URLs or images.

Or, click Select files.

Click Select files.

This displays an upload file dialog box.

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

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

Select image file and click OK.

This returns the display to the file browser window. If the uploaded file is not already selected, click its file name. Then, click OK to continue.

Modify image properties.

Modify image properties.

Adjust the image width and height if needed and add an alternative text for screen readers. If you intend to embed such that text should flow to the left or the right (with the Alignment setting), consider entering 10 in both HSpace and VSpace. This will add 10 pixels of horizontal and vertical spacing to separate the image from text that might otherwise abut up against it.

Set the Alignment.

Set the Alignment.

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

Click OK.

Click OK.

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

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



Keywords:
  
Doc ID:
134666
Owned by:
Sean H. in Pacific Lutheran Univ
Created:
2024-01-18
Updated:
2024-08-24
Sites:
Pacific Lutheran University