CKEditor 画像アップ方法

CKEditor_画像アップ方法_画像1

1,
画像を貼り付けたい場所で、『イメージ』ボタン(上図赤線で囲まれたボタン)をクリックします。


CKEditor_画像アップ方法_画像2

2,
画像をアップする為のイメージプロパティ画面が表示されます。
まず、画像をアップロード(インターネット上に画像を登録)する為に『サーバーブラウザー』ボタンをクリックします。


CKEditor_画像アップ方法_画像3

3,
新しい画面(KCFinder)が表示されます。
画面上にある 『アップロード』をクリックし、アップしたい画像を選びます。

※画像名は半角英数字で登録してください。全角文字の場合文字化けしエラーの原因となります。


CKEditor_画像アップ方法_画像4

4,
画像がアップロードできました。

アップロードできた画像は、右側の大きい四角の中に表示されます。

アップロードされている画像の中から使いたい画像を選んでダブルクリックをするか、
画像の上で右クリック後、表示されるメニューから『このファイルを選択』をクリックします。


CKEditor_画像アップ方法_画像5

5,
イメージプロパティの画面に戻り、プレビュー枠内に選んだ画像が表示されました。

画像の代替えテキストや、サイズ変更は上図の青線で囲んだ部分から行ってください。

選んだ画像が間違っていた場合は、2〜4の手順を再度行ってください。


6,
最後に、『OK』をクリックすれば完了です。