HTML エディタの利用ガイド
Version 1.0

目次
1.HTML エディタ ----------------------------------------------------------------------------------------------------- 3
1-1.HTML エディタについて ------------------------------------------------------------------------------------- 3
1-2.ツールの利用-------------------------------------------------------------------------------------------------- 3
ツールバートグル ---------------------------------------------------------------------------------------------- 3
リンクの挿入/編集 --------------------------------------------------------------------------------------------- 4
イメージ(画像)の挿入 ------------------------------------------------------------------------------------------ 6
文字色/背景色の選択 ------------------------------------------------------------------------------------------ 8
テーブルの挿入 ------------------------------------------------------------------------------------------------- 9
1-3.キーボードショートカットの利用 ----------------------------------------------------------------------- 10

ページ 1

改訂履歴―
第１版

改訂日

改訂内容

平成 29 年 9 月 1 日

新規作成

本書では，Moodle3.1 における動作について説明します．
システム更新等による神戸大学 LMS BEEF で利用される Moodle のバージョン変更や個人の利用環境の違いによっては，実際に表示される内容と異なる場合がありますのでご了承ください．

神戸大学 情報基盤センター
平成 29 年 9 月 1 日
ページ 2

1.HTML エディタ
1-1.HTML エディタについてコース概要やコースセクション概要，「ページ」や「フォーラム」等において HTML エディタツールバーを利用することができます．
リンクの挿入やイメージの挿入，表の作成等の操作を簡単におこなうことが可能です．

※ ユーザのプリファレンスの設定によってはツールバーが表示されません．
本ガイドでは，テキストエディタが初期値の「デフォルトエディタ」に設定されている場合について説明します．

1-2.ツールの利用「ツールバートグル」をクリックすると隠れていた機能が表示されます．

ツールバートグル

ページ 3フォーマット(段落，見出し)太字

斜体

番号なしリスト番号付きリスト

リンク挿入/編集

リンク解除

自動リンク回避

イメージ挿入/編集

動画/音声

埋め込みファイル

元に戻す

やり直す

下線

打ち消し線

下付き上付き

左揃え

中央揃え

右揃え

インデントを減らす

インデントを増やす

文字色選択

背景色選択

右から左へ入力

左から右へ入力
フォントサイズ選択

フォントファミリ選択
HTML ソース編集

検索

検索/置換

改行なしスペース

特殊文字挿入テーブル挿入/編集

コード整形

フォーマット解除

プレインテキストから貼り付け

Word から貼り付け

フルスクリーンモード

リンクの挿入/編集① リンクを挿入したい文字列を選択し，リンク挿入をクリックします．

ページ 4

② 「リンク URL」にリンク先の URL を貼り付けます．必要に応じて各種項目を設定し，「挿入」をクリックします．

③ 選択した文字にリンクが貼りつけられます．

※リンクが貼られている文字にカーソルを置いた状態でリンク挿入マーク
また，リンク解除マークをクリックするとリンクを編集可能です．

をクリックするとリンクが解除されます．

ページ 5

イメージ(画像)の挿入① イメージを挿入したい場所にカーソルを置いて，イメージ挿入マーク※動画や音声ファイルも動画/音声ファイル挿入マーク

をクリックします．

で同様に挿入することが可能です．

② 「イメージを探すまたはアップロードする…」をクリックします．
※クリップボードにコピーしたイメージを「プレビュー」欄にペーストした場合，正しい場所に画像ファイルが保存されず，画像が表示されないことがあります．
必ず，「イメージを探すまたはアップロードする」からイメージのファイルを設定してください．

③ 「ファイルのアップロード」から「参照」をクリックし，アップロードするイメージファイルを選択します．

※「埋め込みファイル」や「最近のファイル」等からファイルを選択することも可能です．
ページ 6

④ 「このファイルをアップロードする」をクリックします．

⑤ 必要に応じて各項目を設定し，「挿入」をクリックします．

※「表示」でサイズを調整したり，枠線を引いたりすることができます．

⑥ イメージ(画像)が挿入されます．画像を選択してイメージ挿入マーク

をクリックすると編集することができます．

ページ 7

文字色/背景色の選択① 色を変更したい文字列を選択し，文字色選択マーク

または背景色選択マークの横の▼ をクリックします．

② 色を選択します．表の中にない色を選択したい場合は，「色をさらに…」をクリックします．

③ 文字列が選択した色になります．

※色を選択すると，マークの右下の三角形に選択している色が反映されます．色を選択している状態で文字列を選択してマークをクリックすると，選択している色が反映されます．

ページ 8

テーブルの挿入① テーブルを挿入したい場所にカーソルを置いて，テーブル挿入マークをクリックします．

② 列数や行数，枠線の太さ等を設定し，「挿入」をクリックします．

③ テーブルが挿入されます．テーブルを選択した状態でテーブル挿入マークをクリックすると，テーブルを編集することができます．

※ただし，列数と行数は変更することができません．行数や列数を変更したい場合は，テーブルを右クリックして各メニューから追加や削除をおこなってください．

ページ 9

1-3.キーボードショートカットの利用
ブラウザによってはマウスでの右クリックでコピーや貼り付けができません．キーボードショートカットを利用することでコピーや貼り付けをすることが可能です．
Windows の場合

Mac の場合

Ctrl + C

コピー

command + C

コピー

Ctrl + V

貼り付けcommand + V

貼り付け

Ctrl + X

切り取り

command + X切り取り

Ctrl + Z

元に戻す

command + Z

元に戻す

Ctrl + Y

やり直す

command + Y

やり直す

また，改行の際，Enter のみの場合は段落(<p> ~ </p>)で括られます．改行の間隔を詰めたい場合は，Shift + Enter をお試しください．Shift + Enter は段落内での改行(<br />)となります．

Shift + Enter

間隔を詰めて改行する

ページ 10