CMSヘルプ -WYSIWYGエディタ-

WYSIWYGエディタ

ページ内容は、WYSIWYGエディタを使ってワープロ感覚で編集することができます。

ツールの説明

ツール	名称	機能
	HTMLソースモード	HTMLソース編集モードになります。
書式	書式設定	選択された文字列に書式を設定します。
	書式クリア	カーソル位置の書式を削除します。
	回り込み解除	カーソル位置で回り込みを解除します。
	コピー	選択された文字列をコピーします。（IEのみ）
	切り取り	選択された文字列を切り取ります。（IEのみ）
	貼り付け	クリップボードの内容を貼り付けます。（IEのみ）
	元に戻す	ひとつ前の状態に戻します。
	やり直し	「元に戻す」で戻した操作をやり直します。
	左揃え	配置を左揃えにします。
	中央揃え	配置を中央揃えにします。
	右揃え	配置を右揃えにします。
文字サイズ	文字サイズ	選択された文字列のサイズを変更します。
	文字色	選択された文字列の色を変更します。
	背景色	選択された文字列の背景色を変更します。
	太字	選択された文字列のスタイルを太字にします。
	斜体	選択された文字列のスタイルを斜体にします。
	順序のあるリスト	順序のあるリストを作成します。
	順序のないリスト	順序のないリストを作成します。
	画像	画像を挿入します。詳しくはこちらをご覧下さい。
	表	表を作成します。詳しくはこちらをご覧下さい。
	ハイパーリンク	選択された文字列にハイパーリンクを作成します。詳しくはこちらをご覧下さい。
	アンカー	選択された文字列にアンカーを作成します。
	水平線	水平線を作成します。

ツールの使用方法

ツールを使って文字列に効果を適用させる場合は、「選択」を行ってからツールの効果を適用させますが、このWYSIWYGエディタでは、操作を容易にするためとソースの助長を防ぐため、段落内などにカーソルをあわせてツールを使用することにより、文字列を選択しなくても段落などの文字列全てに効果を適用することができます。

段落などに効果を適用する例

効果適用前の状態

エディタでの表示	ツールの使用方法
ソース	<p>ツールの<span style="color: #ff0000">使用</span>方法</p>

行頭にカーソルを置いて「太字」を適用させた場合（「P」タグに適用されます。）

エディタでの表示	ツールの使用方法
ソース	<p style="font-weight: bold">ツールの<span style="color: #ff0000">使用</span>方法</p>

「使」と「用」の間にカーソルを置いて「太字」を適用させた場合（「SPAN」タグに適用されます。）

エディタでの表示	ツールの使用方法
ソース	<p>ツールの<span style="color: #ff0000; font-weight: bold">使用</span>方法</p>