--- title: コンテンツ（記事）の本文を入稿したいです。どのようにAPIを設定すればよいですか？ description: → コンテンツ（記事）の本文を入稿するには、リッチエディタを利用します。複雑なデータの場合は、繰り返しフィールドを使ってその他のフィールドを併用することもできます。 --- [コンテンツまでスキップ](https://help.microcms.io/ja/knowledge/migrate-body-from-other-cms#main-content) [![logo.png\]](https://help.microcms.io/hs-fs/hubfs/logo.png?width=150&height=34&name=logo.png)](https://microcms.io/) メインナビゲーションを開く メインナビゲーションを閉じる キーワードから探す - 検索フィールドが空なので、候補はありません。 1. [ヘルプ](https://help.microcms.io/ja/knowledge?hsLang=ja) 2. [機能](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja) 3. [インポート / エクスポート](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E3%82%A4%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%88-%E3%82%A8%E3%82%AF%E3%82%B9%E3%83%9D%E3%83%BC%E3%83%88) # コンテンツ（記事）の本文を入稿したいです。どのようにAPIを設定すればよいですか？ ## → コンテンツ（記事）の本文を入稿するには、リッチエディタを利用します。複雑なデータの場合は、繰り返しフィールドを使ってその他のフィールドを併用することもできます。 本文データの持ち方には、さまざまな方法が考えられますが、主に以下の2種類の方法が用いられることが多いです。 ### 1. リッチエディタを使う APIスキーマのリッチエディタを利用する方法です。 microCMSのリッチエディタは、いわゆるWYSIWYGエディタです。一般的な記事であれば、リッチエディタのみで本文を表現できるケースも多くあります。 リッチエディタの使い方については「[リッチエディタの操作方法](https://document.microcms.io/manual/rich-editor-usage)」をご覧ください。 ### 2. 繰り返しフィールドを利用し、リッチエディタとその他のフィールドを併用する [繰り返しフィールド](https://document.microcms.io/manual/repeat-field)を利用してリッチエディタと他のフィールドを組み合わせると、リッチエディタのみでは表現できない本文の内容を入稿できます。 例えば、テキストエリアと組み合わせると、特殊なHTMLの記述をそのまま入稿することも可能です。 #### 設定手順（管理画面） API設定方法の一例として、リッチエディタとテキストエリアを持つ繰り返しフィールドを設定する手順をご紹介します。 **1. 管理画面の任意のAPIから［カスタムフィールド］をクリックする** **2. ［追加する］ボタンをクリックする** **3. 「カスタムフィールド名」と「カスタムフィールドID」を入力し、［次へ］をクリックする** まず、リッチエディタ用のカスタムフィールドを作成します。 ![](https://help.microcms.io/hs-fs/hubfs/CleanShot%202024-10-24%20at%2016-04-36@2x-png.png?width=688&height=357&name=CleanShot%202024-10-24%20at%2016-04-36@2x-png.png) **4. APIスキーマ（インターフェース）を定義する** リッチエディタ用のフィールドを1つ設定します。![](https://help.microcms.io/hs-fs/hubfs/CleanShot%202024-10-24%20at%2016-09-38@2x-png.png?width=688&height=206&name=CleanShot%202024-10-24%20at%2016-09-38@2x-png.png) 以下のようにAPIスキーマを設定します。 | **フィールドID** | **表示名** | **種類** | | --- | --- | --- | | rich | リッチテキスト | リッチエディタ | **5. 同様に、テキストエリア用のカスタムフィールドも作成します（3〜4と同様）** **6. ［API設定］をクリックし、「API設定画面」で［APIスキーマ］クリックする** **7. ［フィールドを追加］をクリックし、繰り返しフィールドを指定する** ここで、記事本文用のフィールドとして、繰り返しフィールドを指定します。その際に先ほど作成した2つのカスタムフィールドを利用するよう設定します。 ![](https://help.microcms.io/hs-fs/hubfs/CleanShot%202024-10-24%20at%2016-10-52@2x-png.png?width=508&height=284&name=CleanShot%202024-10-24%20at%2016-10-52@2x-png.png) **8. ［決定］をクリックした後、［変更する］をクリックして保存する** #### 入稿方法（管理画面） 入稿する際は、コンテンツの新規作成画面で**［フィールドを追加］**をクリックすると、カスタムフィールドの選択画面が表示されます。 ここで、先ほど設定した2つのカスタムフィールドから、どちらのフィールドを利用するかを選択できます。 ![](https://help.microcms.io/hs-fs/hubfs/CleanShot%202024-10-24%20at%2016-13-16@2x-png.png?width=644&height=310&name=CleanShot%202024-10-24%20at%2016-13-16@2x-png.png) 内容に応じて、カスタムフィールドを使い分けながら入稿していきます。 リッチエディタとその他のフィールドを組み合わせて本文を入稿する方法について、以下のブログでも具体的な方法をご紹介しています。ぜひ併せてご覧ください。 [microCMSの繰り返しフィールドを利用して対談風のデザインを作る | microCMSブログ](https://blog.microcms.io/conversation-design/) #### 実装方法 繰り返しフィールドを利用した場合のAPIレスポンスは、次のようになります（body部分）。 ``` {  "id": "1ot241e5b",  "createdAt": "2020-12-17T08:14:19.813Z",  "updatedAt": "2020-12-17T08:15:57.703Z",  "publishedAt": "2020-12-17T08:14:19.813Z",  "revisedAt": "2020-12-17T08:15:57.703Z",  "title": "一つ目の記事",  "body": [    {     "fieldId": "rich",      "richText": "

タイトル

こちらに記事内容を記述

"    },    {      "fieldId": "html",      "html": "
テスト
"    }  ]} ``` レスポンスは配列として返却されます。また`fieldId`というキーに対して、該当のカスタムフィールドのIDがセットされます。 表示側では、こちらの`fieldId`をもとに、ロジックを書き換えることで、両方のパターンに対応することができます。 以下はReactでの実装のイメージです。 ``` export const Main = ({ body }) => ( 
    {body.map((item, i) =>     item.fieldId === 'rich' ? (              ) : item.fieldId === 'html' ? (              ) : null    )} 
); ``` - [アカウント](https://help.microcms.io/ja/knowledge/%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88?hsLang=ja#main-content) - [ログイン](https://help.microcms.io/ja/knowledge/%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88?hsLang=ja#%E3%83%AD%E3%82%B0%E3%82%A4%E3%83%B3) - [登録／変更／削除](https://help.microcms.io/ja/knowledge/%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88?hsLang=ja#%E7%99%BB%E9%8C%B2%E5%A4%89%E6%9B%B4%E5%89%8A%E9%99%A4) - [その他](https://help.microcms.io/ja/knowledge/%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88?hsLang=ja#%E3%81%9D%E3%81%AE%E4%BB%96) - [機能](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#main-content) - [コンテンツ](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84) - [リッチエディタ](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E3%83%AA%E3%83%83%E3%83%81%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF) - [コンテンツAPI（GET）](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84apiget) - [コンテンツAPI（WRITE）](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84apiwrite) - [マネジメントAPI](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E3%83%9E%E3%83%8D%E3%82%B8%E3%83%A1%E3%83%B3%E3%83%88api) - [Webhook](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#webhook) - [インポート / エクスポート](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E3%82%A4%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%88-%E3%82%A8%E3%82%AF%E3%82%B9%E3%83%9D%E3%83%BC%E3%83%88) - [API設定](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#api%E8%A8%AD%E5%AE%9A) - [レビュー](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC) - [メディア（画像/ファイル）](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E7%94%BB%E5%83%8F-%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB) - [メンバー](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E3%83%A1%E3%83%B3%E3%83%90%E3%83%BC) - [権限](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E6%A8%A9%E9%99%90) - [複数環境](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E8%A4%87%E6%95%B0%E7%92%B0%E5%A2%83) - [セキュリティ](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3) - [その他](https://help.microcms.io/ja/knowledge/%E6%A9%9F%E8%83%BD?hsLang=ja#%E3%81%9D%E3%81%AE%E4%BB%96) - [実装（全般）](https://help.microcms.io/ja/knowledge/%E5%AE%9F%E8%A3%85%E5%85%A8%E8%88%AC?hsLang=ja#main-content) - [トラブルシューティング](https://help.microcms.io/ja/knowledge/%E5%AE%9F%E8%A3%85%E5%85%A8%E8%88%AC?hsLang=ja#%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%E3%82%B7%E3%83%A5%E3%83%BC%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0) - [ユースケース別の実装方法](https://help.microcms.io/ja/knowledge/%E5%AE%9F%E8%A3%85%E5%85%A8%E8%88%AC?hsLang=ja#%E3%83%A6%E3%83%BC%E3%82%B9%E3%82%B1%E3%83%BC%E3%82%B9%E5%88%A5%E3%81%AE%E5%AE%9F%E8%A3%85%E6%96%B9%E6%B3%95) - [API](https://help.microcms.io/ja/knowledge/%E5%AE%9F%E8%A3%85%E5%85%A8%E8%88%AC?hsLang=ja#api) - [Webhook](https://help.microcms.io/ja/knowledge/%E5%AE%9F%E8%A3%85%E5%85%A8%E8%88%AC?hsLang=ja#webhook) - [インフラ](https://help.microcms.io/ja/knowledge/%E5%AE%9F%E8%A3%85%E5%85%A8%E8%88%AC?hsLang=ja#%E3%82%A4%E3%83%B3%E3%83%95%E3%83%A9) - [実装（言語／フレームワーク）](https://help.microcms.io/ja/knowledge/%E5%AE%9F%E8%A3%85%E8%A8%80%E8%AA%9E%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF?hsLang=ja#main-content) - [JavaScript](https://help.microcms.io/ja/knowledge/%E5%AE%9F%E8%A3%85%E8%A8%80%E8%AA%9E%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF?hsLang=ja#javascript) - [Next.js](https://help.microcms.io/ja/knowledge/%E5%AE%9F%E8%A3%85%E8%A8%80%E8%AA%9E%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF?hsLang=ja#next-js) - [お支払い](https://help.microcms.io/ja/knowledge/%E3%81%8A%E6%94%AF%E6%89%95%E3%81%84?hsLang=ja#main-content) - [従量課金](https://help.microcms.io/ja/knowledge/%E3%81%8A%E6%94%AF%E6%89%95%E3%81%84?hsLang=ja#%E5%BE%93%E9%87%8F%E8%AA%B2%E9%87%91) - [プラン変更](https://help.microcms.io/ja/knowledge/%E3%81%8A%E6%94%AF%E6%89%95%E3%81%84?hsLang=ja#%E3%83%97%E3%83%A9%E3%83%B3%E5%A4%89%E6%9B%B4) - [解約](https://help.microcms.io/ja/knowledge/%E3%81%8A%E6%94%AF%E6%89%95%E3%81%84?hsLang=ja#%E8%A7%A3%E7%B4%84) - [請求書](https://help.microcms.io/ja/knowledge/%E3%81%8A%E6%94%AF%E6%89%95%E3%81%84?hsLang=ja#%E8%AB%8B%E6%B1%82%E6%9B%B8) - [支払いサイクル](https://help.microcms.io/ja/knowledge/%E3%81%8A%E6%94%AF%E6%89%95%E3%81%84?hsLang=ja#%E6%94%AF%E6%89%95%E3%81%84%E3%82%B5%E3%82%A4%E3%82%AF%E3%83%AB) - [ご契約](https://help.microcms.io/ja/knowledge/%E3%81%94%E5%A5%91%E7%B4%84?hsLang=ja#main-content) - [Hobbyプラン](https://help.microcms.io/ja/knowledge/%E3%81%94%E5%A5%91%E7%B4%84?hsLang=ja#hobby%E3%83%97%E3%83%A9%E3%83%B3) - [Enterpriseプラン](https://help.microcms.io/ja/knowledge/%E3%81%94%E5%A5%91%E7%B4%84?hsLang=ja#enterprise%E3%83%97%E3%83%A9%E3%83%B3) - [セキュリティ](https://help.microcms.io/ja/knowledge/%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3?hsLang=ja#main-content) - [シングルサインオン](https://help.microcms.io/ja/knowledge/%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3?hsLang=ja#%E3%82%B7%E3%83%B3%E3%82%B0%E3%83%AB%E3%82%B5%E3%82%A4%E3%83%B3%E3%82%AA%E3%83%B3) - [既知の不具合](https://help.microcms.io/ja/knowledge/%E6%97%A2%E7%9F%A5%E3%81%AE%E4%B8%8D%E5%85%B7%E5%90%88?hsLang=ja#main-content) - [旧リッチエディタ](https://help.microcms.io/ja/knowledge/%E6%97%A2%E7%9F%A5%E3%81%AE%E4%B8%8D%E5%85%B7%E5%90%88?hsLang=ja#%E6%97%A7%E3%83%AA%E3%83%83%E3%83%81%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF) - [その他](https://help.microcms.io/ja/knowledge/%E3%81%9D%E3%81%AE%E4%BB%96?hsLang=ja) 株式会社microCMS