---
title: "Insert an image into fields using the Content Editor"
slug: "insert-an-image-into-fields-using-the-content-editor"
abstract: "You can insert various types of media, typically images, into an image field or a Rich Text field."
media: legacy Media Library
---

# Insert an image into fields using the Content Editor

In the Content Editor, you can insert various types of media, typically images, into an image field, or a Rich Text field. These media items can be images, animations, film clips, sound files, and so on.

You can also [add a media item into a page](https://doc.sitecore.com/sai/en/users/sitecoreai/manage-media/media-library/add-a-media-file-to-a-page.md "Add a media file to a page") using Page builder.

## Insert an image into an image field using the Content Editor

To insert or change an image in an image field:

1. In the Content Editor, navigate to the item or page that you want to edit.
2. On the **Content** tab, locate the image field where you want to insert an image, and click **Browse**.

   ![An image field in the Content Editor, and the Browse command](https://doc.sitecore.com/api/markdown-image/sai/en/users/sitecoreai/images/image-field-in-the-content-editor.png)

3. The **Select Media** dialog displays all the items from the Media Library that are available for the field you have chosen.

   ![The Select Media dialog with All Image files displayed](https://doc.sitecore.com/api/markdown-image/sai/en/users/sitecoreai/images/select-image-dialog-all-image-files.png)

   The items in the **Select Media** dialog are not listed in any particular order, so use the search functionality or the predefined lists from the menu to find your image:
   - In the **Media** menu, use the links to quickly get a complete list of _All Image Files_, _All Video Files_, _My Images_, _Recently Uploaded Images_, and _Recently Uploaded Videos_.
   - To filter the displayed media items according to specific metadata of the image, click the **Filters** drop-down arrow and select the required filters. The number in parenthesis indicates how many items are available for the filter.

     ![Filter options in the Select Media dialog](https://doc.sitecore.com/api/markdown-image/sai/en/users/sitecoreai/images/select-media-dialog-filter-options.png)

   - To search for a specific item, enter a search word in the **Search** field.
   - To navigate through the content tree to find the image that you want to use, click **Tree View** ![The Tree View icon](https://doc.sitecore.com/api/markdown-image/sai/en/users/sitecoreai/images/tree-view-icon.png) in the upper right corner. To go back to the list view, click **List view** ![The List View icon](https://doc.sitecore.com/api/markdown-image/sai/en/users/sitecoreai/images/list-view-icon.png).

4. Select the image that you want to use, click **Select Media**, and the new image is inserted into the image field.

   > [!note]
   > If the image that you want to use is not available, click **Upload media** to [upload a new image to the Media library](https://doc.sitecore.com/sai/en/users/sitecoreai/manage-media/modern-media-library/upload-a-media-file.html).

## Insert an image into a Rich Text Editor field in the Content Editor

To insert an image or other type of media item in the Rich Text Editor:

1. In the Content Editor, navigate to the text field where you want to insert a media item.

2. Open the Rich Text Editor and click ![](https://doc.sitecore.com/api/markdown-image/sai/en/users/sitecoreai/images/insert-image-icon.png).

3. In the **Insert Media Item** dialog, if the image is already in the Media Library, find and select the image that you want to insert and then click **Insert**. To locate the image you can navigate through the content tree on the **Media Library** tab, or you can search for the item on the **Search** tab.

   ![The Media Library tab in the Insert Media Item](https://doc.sitecore.com/api/markdown-image/sai/en/users/sitecoreai/images/insert-media-item-media-library-tab.png)

4. If the image is not available in the Media Library, click **Upload**.

5. In the **Upload File** dialog, click **Browse** and then select the image file that you want to use.

   ![The Upload File dialog](https://doc.sitecore.com/api/markdown-image/sai/en/users/sitecoreai/images/upload-file-dialog.png)

6. In the **Open dialog**, click **Open** to upload the image file to the Media Library.

7. The image file opens in the Content Editor. To save the new image and return to the **Insert Media Item** dialog, click **Save/Close**.

8. To insert the image in the text field, click **Insert**.

   > [!note]
   > If you click Cancel, the **Insert Media Item** dialog closes, but the new item remains in the Media Library.
