How Can We Help?

4.03.2 Embed and Edit an Image in a Rich Text Entry (NEW)

← All Topics

The Rich Text Entry field allows you to embed an image or link to an image that is stored outside of the entry. You can also add images as attachments to your notebook. For more information on Attachments, click here.

To add an image to your entry, click the embed image icon on the top toolbar, or select this tool by clicking the +Icon within an entry.

Choose the image file on your computer and click “open” to upload that file to your lab notebook. You can also drag and drop a file into the Rich Text Entry field. The selected image will then be displayed within your rich text entry field.

Note: Images must be fewer than 10 MB in size. If the image is larger than these restrictions, it will be scaled down.

 

Inserting an image stored outside the entry

You can copy an image from an external source and paste that image inside of a rich text entry. To link to an image, paste or type into the URL field and click “Insert.”

NOTE: If an image is pasted into a rich text entry or added to the entry through an image URL, the link to the image can be broken. If the image is stored on a secured web page (Google Drive, your email account, or any application that requires login information), other users may see a broken link when they view the page. To avoid broken links, consider saving the image as an attachment to your notebook or store the image inside of the entry. If you find a broken link, right click and select “Inspect Element” and view the URL used for your image.

 

Formatting Images within a rich text entry

Once an image is part of an entry, you can make changes to that image.

  • Select the Replace option to replace an image with another.  
  • Select the Alignment option to change the alignment of an image. 
  • Click the Caption tool to add a caption to an image.  
  • Click the trash can icon to delete an image. 
  • Select the chain icon to use the image as a link to another website. Once you create a link, it can be edited or removed.
  • Click the T button to add Alternative Text. This is used when an image fails to load or for visually impaired readers.
  • The ruler icon will allow you to adjust the size of the image. You can also click and drag on the corners of the image to adjust its size.

 

Advanced Image Editing

The tools displayed below allows you to adjust the color, cropping, background, and brightness of the image. When you finish working with an image, just click “Save.” 

 

The Undo, Redo, and Reset buttons allow you to go back to the previous step in editing an image. You can also use the keyboard shortcuts Ctrl+Z.

 

You can select an item and click the “Remove” button to remove an element from an image. You can also remove all items that you edited or created by clicking the “remove all” button.

To crop an image, Select the Crop button, then click and drag on your image to select the parts that you would like to keep. You can adjust the crop size by clicking and dragging on its corners. Once you have made your decision, click “Apply” or to cancel, click “Cancel.” 

 

Clicking the buttons above will allow you to flip an image on the X or Y axis. You can reset the image back to the original location by clicking “reset.”

 

Clicking the Rotate button above will allow you to reorient an image. You can reset the image back to its original orientation by clicking “reset.” 

 

Click the pencil icon to draw on an image with free hand drawing or straight lines. Clicking color or adjust the size of the pen by using the “range” button. You can use click and drag your mouse on the image to draw once you have made your selections.

 

Clicking the shape tool to will allow you to draw a shape such as a rectangle, circle, or triangle on the image.  You can also edit a shape’s color by clicking the fill and stroke options. The stroke size can be adjusted to create a smaller or larger border. After adjusting the shapes to your liking, you can click on the original image to add the shape. Clicking on the edges of a shape will allow you to adjust its size.

 

You can add other icons like arrows, stars, hearts, and other icons to an image. After selecting the color and shape of your icon, you can add it to your image by clicking on it. Click “Custom Icon” to create your own icon by selecting an image on your computer. An icon’s size can be adjusted by clicking and dragging its edges.

 

Select the Text tool to add text to your image. Its size, formatting, and color can be edited. Once you select these options, you can add a text box to your image by clicking on it. Double click on the text box to type in or paste your text. Click and drag the edges of your text to adjust its size; clicking and dragging the text box itself will move it around on your image.  

You can add a second image onto the original by using the Mask tool. Click “Load Mask Image” to create a mask image from a file stored on your computer. The size of the mask image can be edited by clicking and dragging on its edges; similarly, you can move the image around your image by dragging and dropping. Click Apply to use an image as a filter.

Tags: Image, Image, Image, Image, Embed, Embed, Embed, Embed, Compressed, Compressed, JPG, PNG, GIF, Picture, picture, attach,

Table of Contents