--- Array (4)
0 => Array (2)
  page_nm => "トップ"
  page_sysnm => "top"
1 => Array (2)
  page_nm => "構築マニュアル"
  page_sysnm => "topics_list8"
2 => Array (2)
  page_nm => "構築マニュアル"
  page_sysnm => "manual_category_list"
3 => Array (3)
  page_nm => "WYSIWYGエディタ概要"
  page_sysnm => "topics_detail8"
  this => 1 ---

WYSIWYGエディタ概要

更新日:2014/08/14

アイコンの説明

アイコン説明
img_r3_c2.jpgデザイン編集とHTML編集モードの切り替えを行います。
img_r3_c4.jpg行った編集作業を「元に戻す」時や、元に戻した作業を「やり直す」事ができます。
img_r3_c12.jpgクリップボード・データを使用してテキストや画像を貼り付けます。アイコンをクリックすると下記のウィンドウが表示されますので、(Ctrl/Cmd+V)を使用して、入力エリア内に張ってOKを押すと貼り付けられます。

img_r3_c12_2.jpg
img_r3_c13.jpgクリップボード・データを使用してテキストを貼り付けます(文字の大きさや文字色などはリセットします)。アイコンをクリックすると下記のウィンドウが表示されますので、(Ctrl/Cmd+V)を使用して、入力エリア内に張ってOKを押すと貼り付けられます。

img_r3_c13_2.jpg
img_r3_c16.jpgクリップボード・データを使用してワード文章を貼り付けます。アイコンをクリックすると下記のウィンドウが表示されますので、(Ctrl/Cmd+V)を使用して、入力エリア内に張ってOKを押すと貼り付けられます。

img_r3_c16_2.jpg
img_r4_c19.jpg編集領域内のすべての要素を選択します。
img_r4_c22.jpg設定したフォントスタイルやフォントサイズなどの設定を解除して元の状態に戻します。装飾を解除したい文字を選択し、アイコンをクリックすると設定が削除されます。
img_r2_c24.jpg直接自分のローカル(デスクトップ等)から画像を挿入します。挿入した画像は自動的にファイルマネージャー直下に保存されます。


img_r8_c11.jpg
直接自分のローカル(デスクトップ等)から画像を挿入します。挿入した画像は自動的にファイルマネージャー直下に保存されます。

img_r8_c9.jpg
ボタンを押下すると、ローカルフォルダを表示し、画像を選択できます。
img_r8_c2.jpg太文字(B)イタリック文字(I)下線(U)、取り消し線(S)
img_r8_c7.jpg文章をリスト形式で表示します。箇条書きにしたい文章をドラッグし、アイコンをクリックしてください。
[例]
1.リスト1
2.リスト2
3.リスト3
img_r8_c10.jpgインデントの設定、解除を行います。
img_r8_c15.jpg長めの文書を引用する際に使用します(段落ごと引用する場合など)。
img_r8_c18.jpg文章の[左揃え]、[中央揃え]、[右揃え]、[均等揃え]を制御します。
img_r8_c28.jpgリンクの挿入と編集を行います。リンクを設定したい文字列をドラッグし、アイコンをクリックしてください。リンクを設定する場合は、下記のポップアップウインドウが表示されますので、URL等を入力してください。

img_r10_c3.jpg
通常のリンクを設定する際に利用します。 [URL:]・・・リンク先のURLを入力します。 [プロトコル]・・・リンク先のURLの先頭につくのプロトコルを指定します。デフォルト[http://] になっています。 [ファイルマネージャ]・・・ファイルサーバー内のファイルをリンク先として設定します。
img_r8_c33.jpgリンクの削除を行います。リンクを削除したい文字列をドラッグし、アイコンをクリックします。
img_r8_c35.jpgアンカー(ページ内移動リンク)を挿入します。アンカーをつけるとページ内でアンカーを挿入した場所まで移動させることができます。アンカーを挿入したい場所でアイコンを押して表示される下記のポップアップウインドウにアンカー名を入力します。

img_r8_c35_2.jpg
img_r8_c37.jpgファイルマネージャーへアップロードしたの画像を挿入します。詳しくは画像管理(File Manager)のマニュアルを参照してください。
img_r8_c39.jpgFlashを挿入/編集する事ができます。フラッシュファイル(.swf)も画像と同じ様にアップロードする事ができます。アイコンをクリックすると下記のウィンドウが表示されるので、動画URLを記入するかファイルマネージャーから指定できます。幅・高さ・横間隔・縦間隔を指定でき、プレビューでアップロードしたイメージを確認できます。

img_r8_c39_2.jpg
img_r8_c41.jpg表を挿入します。アイコンをクリックすると下記のウィンドウが表示されるので、行・列に数字を入れ、テーブル幅・高さ・ボーダーサイズ(枠線の太さ)・セル内余白・間隔等を指定できます。キャプションに文字列を入れるとテーブルの上にタイトルが表示されます。目的にはそのテーブルが何を表すかを入力すると、ソース内に反映されます。

img_r8_c41_2.jpg
img_r8_c43.jpg横罫線(水平線)を引きます
img_r8_c45.jpgWYSIWYGテキストエディター専用の絵文字を挿入する事ができます。

spaw2_emoji_e.gif
img_r8_c47.jpgYOU Tubeの動画を挿入する事ができます。アイコンを押して表示される下記のポップアップウインドウに動画URLを入力するだけですので、非常に簡単です。

#contents1000059 > div > div.module_body > div > div > div > div > div > div > div > div > div > div > table > tbody > tr:nth-child(23) > td:nth-child(2) > p:nth-child(2) > img
img_r10_c2.jpg文字の種類(フォント)を変更できます。
img_r10_c6.jpg文字の大きさを変更できます。
img_r10_c11.jpg文字に見出しやを設定します。見出しを設定すると、フォントサイズを変えることなく文字の大きさが変更になります。見出しをつけたい文字を選択し、フォーマットの種類を選択します。
img_r10_c21.jpg文字の色と文字の背景の色を設定します。
img_r4_c19.jpgWYSIWYGエディタをブラウザのサイズに合わせて最大にします。
img_r10_c30.jpgHTMLのタグごとにブロックを表示します。