ekHome Studio：ホームページ作成サービス

トップ > SPAWエディタでの編集

XOOPS更新Q&A - SPAWエディタでの編集

XOOPSの各コンテンツを編集するには、独特のインターフェイスが標準で利用できますが、使い方に独特の癖があります。
「投稿の基本」で詳しく説明してありますが、ちょっと敬遠してしまうユーザも多いようです。
「SPAW」や「FckEditor」では、ワープロソフトの様な感覚で各コンテンツを作成しますので、比較的簡単に習得できます。
特に「FckEditor」は、吐き出すHTML文が「SPAW」よりも比較的綺麗なので、今私が一番気に入っているWYSIWYGエディタです。
但し、両方とも利用可能なモジュールが限られていますので、注意が必要です。

SPAWの画面	SPAWアイコンの一覧
文字色／背景色	ハイパーリンク
イメージの挿入	イメージのプロパティ
テーブルの作成／テーブルのプロパティ
セルのプロパティ

SPAWの画面

SPAW編集画面です。それぞれのアイコンは、そのアイコンをマウスオーバーした時に説明が表示されます。

システム管理メニュー

SPAWアイコンの一覧

	切り取り		コピー
	貼り付け		元に戻す
	やり直す		太字
	斜体		下線
	左揃え		中央揃え
	右揃え		整列
	インデント追加		インデント削除
	文字色		背景色
	下付文字		上付文字
	HTMLクリーンアップ		ボーダーの切り替え
	番号リスト		リスト
	ハイパーリンク		イメージの挿入
	イメージのプロパティ		イメージのポップアップ
	区切り線		テーブルの作成
	テーブルのプロパティ		セルのプロパティ
	行の挿入		列の挿入
	行の削除		列の削除
	右の列と結合		下の行と結合
	行を分割		列を分割

「文字色」「背景色」ウィンドウ

「文字色」「背景色」をクリックすると以下のウィンドウが開きます。
指定したい色を選択すると、一番下に選択した色とカラーコードを表示します。

「ハイパーリンク」ウィンドウ

「ハイパーリンク」をクリックすると以下のウィンドウが開きます。
リンクのタイプは「リンク」と「アンカー」があります。通常は「リンク」を指定します。ページ内にアンカーポイントがあり、そこへ移動する場合に「アンカー」を指定します。
別のウィンドウを開いてリンク先を表示するには、ターゲットに「新規ウィンドウ（_blank）」を指定します。

「イメージの挿入」ウィンドウ

「イメージの挿入」をクリックすると以下のウィンドウが開きます。
「ライブラリ」はあらかじめアルバムなどで作成されたカテゴリーが表示されます。
「ライブラリ」を変更すると、「イメージ」欄に登録されている画像ファイルの一覧が表示されます。
画像ファイル名をクリックすると、「プレビュー」欄に画像を表示します。

「イメージのプロパティ」ウィンドウ

「イメージのプロパティ」をクリックすると以下のウィンドウが開きます。
代替テキスト（画像が表示されるまで表示されるテキスト、画像上にマウスが乗るとポップアップするテキスト）や、行揃え、画像の縦・横の間隔などを指定できます。

「テーブルの作成」「テーブルのプロパティ」ウィンドウ

「テーブルの作成」「テーブルのプロパティ」をクリックすると以下のウィンドウが開きます。
行・列・幅・ボーダーなどを指定してください。
背景色のアイコンをクリックすると、上記「文字色・背景色」と同様のウィンドウが表示されます。
Background Image のアイコンをクリックすると、上記「イメージの挿入」と同様のウィンドウが表示されます。
それぞれを指定すると、その項目に反映されます。

「セルのプロパティ」ウィンドウ

「セルのプロパティ」をクリックすると以下のウィンドウが開きます。
セルに対する縦・横揃え、幅、高さなどを指定します。
背景色のアイコンをクリックすると、上記「文字色・背景色」と同様のウィンドウが表示されます。
Background Image のアイコンをクリックすると、上記「イメージの挿入」と同様のウィンドウが表示されます。
それぞれを指定すると、その項目に反映されます。