CKEditor リファレンス

2018 年 3 月 29 日

目次
1. 入力時の注意点 ........................................................................................................................................................... 1
1-1 段落分けと段落内での改行 ................................................................................................................................. 2
1-2 公開サイトからのテキストコピー ...................................................................................................................... 3
2. 画像のアップロード ................................................................................................................................................... 4
2-1 ファイル・添付ファイルのアップロード .......................................................................................................... 5
2-2 ファイル・添付ファイルの「貼付」と「添付」 ............................................................................................... 72-2-1 添付ファイルの貼り付け ............................................................................................................................. 7
2-2-2 CSV ファイルの貼り付け ............................................................................................................................. 92-2-3 貼付画像のサイズ変更 ............................................................................................................................... 10
2-2-4 画像のトリミング（切り抜き） ................................................................................................................ 12
2-2-5 ファイル名の編集 ....................................................................................................................................... 13
2-2-6 ファイルの削除 ........................................................................................................................................... 14
3. CKEditor の使い方 .................................................................................................................................................... 15
3-1 テキストの貼り付け........................................................................................................................................... 19
3-1-1 貼り付け ...................................................................................................................................................... 19
3-1-2 プレーンテキストの貼り付け .................................................................................................................... 21
3-1-3 ワード文章から貼り付け ........................................................................................................................... 22
3-2 テキストの装飾 .................................................................................................................................................. 24
3-2-1 フォーマット .............................................................................................................................................. 24
3-2-2 その他（テキスト色、太字、斜体、等） ................................................................................................. 25
3-2-3 フォーマット削除 ....................................................................................................................................... 25
3-3 段落の設定 .......................................................................................................................................................... 26
3-3-1 リスト（番号付き、番号無し）設定 ........................................................................................................ 26
3-3-2 インデント設定 ........................................................................................................................................... 28
3-3-3 配置位置 ...................................................................................................................................................... 29
3-4 リンク ................................................................................................................................................................. 30
3-4-1 リンク挿入 .................................................................................................................................................. 30
3-4-2 リンクの編集 .............................................................................................................................................. 34
3-4-3 リンクの解除 .............................................................................................................................................. 34
3-4-4 アンカー挿入/編集 ..................................................................................................................................... 35
3-4-5 イメージ画像 .............................................................................................................................................. 36
3-4-6 画像のプロパティ設定 ............................................................................................................................... 37
3-5 表の作成.............................................................................................................................................................. 38
3-5-1 表の挿入 ...................................................................................................................................................... 38
3-5-2 セルの操作 .................................................................................................................................................. 40
3-5-3 行の操作 ...................................................................................................................................................... 41
3-5-4 列の操作 ...................................................................................................................................................... 41
3-5-5 表の操作 ...................................................................................................................................................... 42

3-6 テンプレート ...................................................................................................................................................... 43
3-6-1 テンプレートの挿入方法 ........................................................................................................................... 43
3-6-2 テンプレートの画像変更 ........................................................................................................................... 44

1. 入力時の注意点

12. 画像のアップロード

43. CKEditor の使い方

15テンプレート最大化

テンプレートが表示されます。使うテンプレートを一覧より選択すると、テンプレートが挿入されます。
内容の入力欄のみがブラウザに表示（フルスクリーン）されるので、文章の作成スペースが広くなります。
文字をドラッグした状態で、アイコンをクリックすると、カラーパ文字色レットが表示されます。好きな色を選んでクリックすると、文字に色をつけることができます。

太字

斜体

打消し線

書式を解除

番号付きリスト

番号なしリスト

インデント解除文字をドラッグした状態で、アイコンをクリックすると文字が太字になります。
文字をドラッグした状態で、アイコンをクリックすると文字が斜体になります。
文字をドラッグした状態で、アイコンをクリックすると、文字に打消し線をひきます。
文字をドラッグした状態で、アイコンをクリックすると、書式が解除されます。
リストにする文章をドラッグした状態で、アイコンをクリックすると番号付きリストで表示されます。
リストにする文章をドラッグした状態で、アイコンをクリックするとリストで表示されます。
インデントを解除する文章を選択し、アイコンをクリックするとインデントが解除されます。

インデント（字下下げたい文章を選択し、アイコンをクリックするとインデントが設げ）定されます。ただし段落ごとインデントされます。

引用
左揃え
中央揃え

右揃え

均等割付

リンク

リンク解除

文章をドラッグした状態で、アイコンをクリックすると文章が字下げ（引用文章）されます。
文字をドラッグした状態で、クリックすると、左揃えになります。
文字をドラッグした状態で、アイコンをクリックすると、中央揃えになります。
文字をドラッグした状態で、アイコンをクリックすると、右揃えになります。
文字をドラッグした状態で、アイコンをクリックすると、均等割付になります。
リンクを設定する文章や画像をドラッグした状態でアイコンをクリックしてリンクの設定をします。
リンクを設定している文章や画像にカーソルをあわせ、アイコンをクリックすると、リンクが解除されます。

17

アンカーの挿入

文字をドラッグした状態で、アイコンをクリックすると文字にアンカーが挿入されます。

18【参考 1】ハイパーリンク情報
1.

リンクタイプ ～ 「URL」「ページ内のアンカー」「E-Mail」の 3 種類を指定できます。
（初期値は URL）
URL ～ サイトへのリンクを設定します。
ページ内のアンカー ～ ページ内のアンカー（使用方法は本マニュアル「3-4-4 CKEditor の使い方－アンカー挿入/編集」を参照）を指定します。
E-Mail ～ メールアドレスへのリンクを設定します。

2.

プロトコル ～ 「http://」「https://」「ftp://」「news://」「<その他の>」の 4 種類を指定できます。
（初期値は http://）http:// ～ http で始まる URL を指定します。
https:// ～ https で始まる URL を指定します
ftp:// ～ ftp で始まる URL を指定します。
news:// ～ news で始まる URL を指定します。
その他の ～ 「/」から始まるリンク（ルートパス）などの上記以外の URL を指定します。

323-5-2 セルの操作
セルの上で右クリックし、セルを選択すると、下の図のようなセルに関する操作が表示されます。

1.

セルを前に挿入 ～ 選択しているセルの左隣にセルを挿入します。

2.

セルを後に挿入 ～ 選択しているセルの右隣にセルを挿入します。

3.

セルを削除 ～ 選択しているセルを削除します。1 行に 1 個のセルしかない場合にはその行が削除されます。

4.

セルを結合 ～ 選択している複数のセルを結合します。

5.

右に結合 ～ 右のセルを結合します。

6.

下に結合 ～ 下のセルを結合します。

7.

セルを水平方向分割 ～ 1 つのセルを左右 2 つに分割します。

8.

セルを垂直方向に分割 ～ 1 つのセルを上下 2 つに分割します。

9.

セルのプロパティ ～ その他のセルの詳細設定ができます。

40

3-5-3 行の操作
セルの上で右クリックし、行を選択すると、下の図のような行に関する操作が表示されます。

1.

行を上に挿入 ～ 選択している行の上に 1 行挿入します。

2.

行を下に挿入 ～ 選択している行の下に 1 行挿入します。

3.

行を削除 ～ 選択している行を削除します。1 行しかない場合には表全体が削除されます。

3-5-4 列の操作
セルの上で右クリックし、列を選択すると、下の図のような列に関する操作が表示されます。

1.

列を左に挿入 ～ 選択している列の左に 1 列挿入します。

2.

列を右に挿入 ～ 選択している列の右に 1 列挿入します。

3.

列を削除 ～ 選択している列を削除します。1 列しかない場合には表全体が削除されます。

41