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

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

 

How do I embed a linked web image in a text box?

Locate the image on the web that you want to embed.

Right-Click the Image (PC) or CTRL-Click (MAC) the image and copy the image URL to your computer's clipboard (CTRL-C for PC or COMMAND-C for MAC).

Position the cursor.

Position the cursor.

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

Click Insert/Edit Image icon.

Click Insert/Edit Image icon.

This displays the Image Properties dialog box.

Paste the URL.

Paste the URL.

Paste the copied URL into the box marked URL. (Use CTRL-V for PC or COMMAND-V for MAC to paste.)

Modify image properties.

Modify image properties. (Optional)

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

Set alignment. (Optional)

Set alignment. (Optional)

Set the Alignment (left or right) for the image.

Tip: If you set the alignment for an image, try entering 10 in both HSpace and VSpace in order to add 10 pixels of horizontal and vertical spacing to separate the image from text that will flow around the image. Otherwise, such text will most likely abut against the image's border. Entering some measure of horizontal and vertical spacing can improve the appearance of the image and its surrounding text.

Click OK

Click OK

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

Example of centered image below text.

Example of centered image below text.



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