WYSIWYG(ウィジウィグ)による入力
WYSIWYG(ウィジウィグ)とは
WYSIWYGとは、「What You See Is What You Get」の略で、「ウィジウィグ」と読みます。a-blog cmsでは、エントリーの入力方法のうちのひとつに、このWYSIWYGを採用しています。入力画面上で表示されている通りに表示することができます。
WYSIWYGユニットの利用方法
まず、テキストユニットの「WYSIWYG」を選択します。
選択した時点で、入力部分がWYSIWYGユニット専用のツール等を備えた画面に切り替わります。
ツールアイコンを利用して、様々な装飾ができます。
各アイコンの説明
1 | ソース | HTMLのソースを表示 |
---|---|---|
2 | 内容テンプレート | エディターで使用するテンプレートを選択できます |
3 | 切り取り | 文字または画像を切り取り(カット) |
4 | コピー | 文字または画像をコピー |
5 | 貼り付け | 文字または画像を貼り付け(ペースト) |
6 | プレーンテキスト貼り付け | レイアウト情報や修飾情報を持たない文字を貼り付け(ペースト) |
7 | ワード文章から貼り付け | Wordから文章を貼り付け(ペースト) |
8 | 元に戻す | 1ステップ前の状態に戻す |
9 | やり直し | 1ステップ後の状態にする |
10 | 検索 | 入力エリアの内を文字を検索する |
11 | 置き換え | 入力エリアの内で文字を置き換える |
12 | 全て選択 | 入力エリアの内容を全て選択する |
13 | 書式を解除 | レイアウト情報などのフォーマットを削除 |
14 | 最大化 | 入力エリアを最大化 |
15 | ブロックを表示 | ブロック要素を視覚的に表示する |
16 | 太字 | 文字を太字に |
---|---|---|
17 | 斜体 | 文字を斜体に |
18 | 下線 | 文字を下線付きに |
19 | 取り消し線 | 文字に取り消し線をつける |
20 | 下付き | 下付き文字にする |
21 | 上付き | 上付き文字にする |
22 | 段落番号 | 段落番号付きの文字 |
23 | 箇条書き | 箇条書きの文字 |
24 | インデント解除 | 文字のインデントを解除 |
25 | インデント | 文字にインデント挿入 |
26 | ブロック引用 | 引用文を挿入 |
27 | 左揃え | 文字を左揃えにする |
28 | 中央揃え | 文字を中央揃えにする |
29 | 右揃え | 文字を右揃えにする |
30 | 両端揃え | 文字を両端揃えにする |
31 | リンク挿入/編集 | ハイパーリンクの挿入・編集 |
32 | リンク削除 | ハイパーリンクの削除 |
33 | アンカー挿入/編集 | アンカーを挿入・編集 |
34 | テーブル | テーブルの挿入 |
35 | 水平線 | 水平線の挿入 |
36 | スタイル | 文字列にブロックスタイル・インラインスタイルを適用 |
---|---|---|
37 | 書式 | 標準/見出し1〜3/書式付きから選択して適用 |
38 | フォント | 文字の書体を選択する |
39 | サイズ | フォントサイズを選択する |
40 | 文字色 | 文字の色を選択する |
41 | 背景色 | 背景色を選択する |
WYSIWYGユニットで表組(テーブル)を入力・編集する
ウィジウィグで入力する表の設定は、表内で右クリックして現れるメニューから設定ができます。
表を挿入するには
- 表のアイコンをクリックします。(上記「各アイコンの説明」のアイコン34)
- プロパティのポップアップが表示されますので、行や列などを入力し[OK]ボタンをクリックして表を挿入します。
表のセルを複数選択するには
- 表を挿入したら、セルの中の部分をクリックします。セル内にカーソルが現れます。
- 入力エリア下にある要素名(tr, th, td)をクリックすると、セルが水色の枠で囲まれ、セルが選択状態になります。他に選択したいセルをShiftキーを押しながらクリックしていくと、複数選択できます。(セルをドラッグして複数選択することもできます。)
表のセル・行を追加・削除するには
- セルの中の部分をクリックします。セル内にカーソルが現れます。
- 右クリックすると、メニューが表示されますので、「セル」または「カラム」(行)にカーソルを持って行きます。
- 「挿入」または「削除」を選択すると、追加や削除が実行されます。