---
title: "コンテンツエディターを使ってフィールドに画像を挿入します"
slug: "insert-an-image-into-fields-using-the-content-editor"
abstract: "画像フィールドやリッチテキストフィールドに、通常は画像など様々な種類のメディアを挿入できます。"
media: legacy Media Library
---
# コンテンツエディターを使ってフィールドに画像を挿入します

コンテンツエディターでは、通常は画像などの様々なメディアを画像フィールドやリッチテキストフィールドに挿入できます。これらのメディア項目は画像、アニメーション、映画クリップ、音声ファイルなどが含まれます。

また、ページビルダーを使って [メディアアイテムをページに追加](https://doc.sitecore.com/sai/ja/users/sitecoreai/manage-media/media-library/add-a-media-file-to-a-page.md "Add a media file to a page") することもできます。

## コンテンツエディターを使って画像フィールドに画像を挿入します

画像フィールドに画像を挿入または変更するには:

1.  コンテンツエディターで、編集したいアイテムやページに移動します。
    
2.  **コンテンツ**タブで、画像を挿入したい画像フィールドを見つけて「**ブラウズ**」をクリックします。
    
    ![An image field in the Content Editor, and the Browse command](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/image-field-in-the-content-editor.png)
    
3.  メディア **選択** ダイアログには、選択した分野で利用可能なメディアライブラリのすべてのアイテムが表示されます。
    
    ![The Select Media dialog with All Image files displayed](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/select-image-dialog-all-image-files.png)
    
    「 **メディア選択** 」ダイアログのアイテムは特定の順番でリストアップされていないため、検索機能やメニューのあらかじめ定義されたリストを使って画像を探してください。
    
    -   **メディア**メニューでは、リンクを使って*All Image Files*、*All Video Files*、*My Images*、*Recently Uploaded Images*、*Recently Uploaded Videos*の完全なリストを素早く取得できます。
        
    -   画像の特定のメタデータに基づいて表示されるメディア項目をフィルタリングするには、「 **フィルター」** ドロップダウンの矢印をクリックし、必要なフィルターを選択してください。括弧内の数字はフィルターに利用可能なアイテム数を示しています。
        
        ![Filter options in the Select Media dialog](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/select-media-dialog-filter-options.png)
        
    -   特定のアイテムを検索するには、**Search**フィールドに検索ワードを入力してください。
        
    -   使用する画像を探すには、右上の **「ツリービュー** ![The Tree View icon](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/tree-view-icon.png) 」をクリックしてください。リストビューに戻るには、「 **リストビュー** ![The List View icon](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/list-view-icon.png)」をクリックしてください。
        
4.  使いたい画像を選択し、「 **メディア選択**」をクリックすると、新しい画像が画像フィールドに挿入されます。
    
    > !注使用したい画像が利用できない場合は、「 **メディアをアップロード** 」をクリックして [新しい画像をメディアライブラリにアップロード](https://doc.sitecore.com/sai/ja/users/sitecoreai/manage-media/modern-media-library/upload-a-media-file.html)してください。
    

## コンテンツエディタのリッチテキストエディタフィールドに画像を挿入します

リッチテキストエディターに画像やその他のメディアアイテムを挿入するには:

1.  コンテンツエディターで、メディアアイテムを挿入したいテキストフィールドに移動します。
    
2.  リッチテキストエディターを開き、![](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/insert-image-icon.png)をクリックします。
    
3.  「 **メディアアイテムを挿入** 」ダイアログで、すでにその画像がメディアライブラリにある場合は、挿入したい画像を見つけて選択し、「 **挿入**」をクリックします。画像を見つけるには、**メディアライブラリ** タブのコンテンツツリーをナビゲートするか、**Search**タブでアイテムを検索できます。
    
    ![The Media Library tab in the Insert Media Item](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/insert-media-item-media-library-tab.png)
    
4.  もしその画像がメディアライブラリに表示されない場合は、「 **アップロード**」をクリックしてください。
    
5.  「 **アップロードファイル** 」ダイアログで「 **ブラウズ** 」をクリックし、使いたい画像ファイルを選択します。
    
    ![The Upload File dialog](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/upload-file-dialog.png)
    
6.  **「開く」ダイアログ**で「**開く**」をクリックして画像ファイルをメディアライブラリにアップロードします。
    
7.  画像ファイルはコンテンツエディターで開きます。新しい画像を保存し、「 **メディアアイテムを挿入** 」ダイアログに戻るには、「 **保存/閉じ**」をクリックしてください。
    
8.  テキストフィールドに画像を挿入するには **、「挿入**」をクリックしてください。
    
    > !注キャンセルをクリックすると **「メディアアイテム挿入** 」ダイアログは閉じますが、新しいアイテムはメディアライブラリに残ります。