> ## Documentation Index
> Fetch the complete documentation index at: https://help.mosh.jp/llms.txt
> Use this file to discover all available pages before exploring further.

# 本文の作成

> 申込者向けサイトのコンテンツに本文を作成・装飾する方法を説明します。

本文は50,000字までご入力可能です。コンテンツ説明にご利用ください。エディタを利用して、文章を装飾することができます。

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/138117cf-d0d3-453c-b2a2-2b01a6e2f272/1/w=1920,quality=90,fit=scale-down" />
</Frame>

<Info>
  **アクセス経路**

  [ホーム画面](https://mosh.jp/creator/home?openExternalBrowser=1) → 左メニュー → サービス一覧 → 該当サービス選択 → 申込者向けサイトの管理 → 右下「作成」ボタン → コンテンツを追加
</Info>

## エディタの使用方法

エディタを利用して、文章を装飾することができます。

### フォントの変換

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    本文のフォントを変換することができます。赤枠を押して、好きなフォントを選択してください。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/20f86a17-85d4-480f-9652-7833bc7a6b14/image/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

### 太字に変換

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    指定した本文を太字に適用できます。本文を指定して赤枠のアイコンを押してください。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f5651197-a03d-4215-93c3-0f7b58b9845f/image/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

### アンダーラインを追加

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    指定した本文にアンダーラインを引くことができます。本文を指定して赤枠のアイコンを押してください。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/ab7c6369-05b0-4ef8-b989-471fa99b3df1/image/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

### 取り消し線を追加する

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    指定した本文に取り消し線を引くことができます。本文を指定して赤枠のアイコンを押してください。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/e62ca90e-392e-4cf7-abdf-bc8f5bbeade7/image/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

### 文字の色を変更する

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    指定した本文の色を変換できます。色を変更したい文章を指定して赤枠のアイコンを押し、色を選択してください。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/4b57a80a-da66-4fb2-a243-43c1a70a260a/image/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

### テキスト配置を変更する

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    指定した本文のテキスト配置を変換できます。変更したい文章を指定して赤枠のアイコンを押し、配置方法を選択してください。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/bc45a1cd-3f6d-48c5-8412-d3100528614f/image/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

### 箇条書き（点）に変換する

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    指定した本文に箇条書きの形に変換できます。本文を指定して赤枠のアイコンを押してください。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9b089f1a-3f0d-4d8f-b837-32eba49b79e1/image/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

### 箇条書き（数字）に変換する

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    指定した本文に箇条書きの形に変換できます。本文を指定して赤枠のアイコンを押してください。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/2b30099d-2d64-40be-924f-ff0231eda3ef/image/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

### 画像を挿入する

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    画像を指定した本文内に挿入できます。画像を挿入したい場所にカーソルを合わせて赤枠のアイコンを押し、画像ファイルを選択してください。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/da3bfaf4-bd78-4496-a075-92a135871a65/image/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

### URLを挿入する

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    PDFファイルや大容量の動画などは、URLで共有することが可能です。挿入するテキストを選択し、赤枠のリンクマークを押していただくとURLリンクの挿入が可能です。

    音声・動画・PDFなどをURLに変換し、本文内に挿入することができます。URL変換方法については、[こちら](/creator/member-site/share-media-url)をご参照ください。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/c7fcd85c-a7b9-4d9d-95e2-98c404851c05/image/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    URLリンクの挿入方法を動画にしています。
  </div>

  <video controls style={{width: '240px', flexShrink: 0, borderRadius: '8px'}}>
    <source src="https://mintcdn.com/mosh/0muNW394r2Gi0JAU/images/create-body.mp4?fit=max&auto=format&n=0muNW394r2Gi0JAU&q=85&s=4a626005c57fa3649805fdea035227a2" type="video/mp4" data-path="images/create-body.mp4" />
  </video>
</div>