XOOPS更新Q&A - FckEditorでの編集
「SPAW」の項でも記述した様に、XOOPSでのコンテンツ作成・編集に役立つWYSIWYGエディタの1つ「FckEditor」について説明します。
現在「Fckditor」で利用可能なモジュールは「pico」及び「Bulliten」です。
「pico」は、様々な静的コンテンツ用モジュールで、「会社案内」や「業務内容」など多くのものを作成できます。この「XOOPS更新Q&A」なども、「pico」を利用しています。
「Bulliten」はニュース用モジュールです。私はこれを日記で利用しています。
FckEditorの画面
FckEditor編集画面です。それぞれのアイコンは、そのアイコンをマウスオーバーした時に説明が表示されます。

FckEditorアイコンの一覧
FckEditorのアイコン一覧です。アイコンでの操作の他に、右クリックで操作する事も可能です。
FckEditorのカスタマイズで、全てのアイコンが表示されていない場合もあります。
| ソース | 新しいページ(画面がクリアされます) | ||
| プレビュー | テンプレート(雛形) | ||
| 切り取り | コピー | ||
| 貼り付け | プレーンテキスト貼り付け | ||
| Word文書から貼り付け | 元に戻す | ||
| やり直し | 検索 | ||
| 置き換え | 全て選択 | ||
| フォーマット削除 | フォーム | ||
| チェックボックス | ラジオボタン | ||
| 1行テキスト | テキストエリア | ||
| 選択フィールド | ボタン | ||
| 画像ボタン | 不可視フィールド | ||
| 太字 | 斜体 | ||
| 下線 | 打ち消し線 | ||
| 添え字 | 上付き文字 | ||
| 段落番号の追加/削除 | 箇条書きの追加/削除 | ||
| インデント解除 | インデント | ||
| 左揃え | 中央揃え | ||
| 右揃え | 両端揃え | ||
| リンク挿入/編集 | リンク削除 | ||
| アンカー挿入/編集 | イメージ挿入/編集 | ||
| Flash挿入/編集 | テーブル挿入/編集 | ||
| 横罫線 | 顔文字挿入 | ||
| 特殊文字挿入 | 改ページ挿入 | ||
| ユニバーサル・キーボード | テキスト色 | ||
| 背景色 | エディタサイズを最大にします | ||
| FCKeditorヘルプ |
「テンプレート(雛形)」ウィンドウ
「テンプレート(雛形)」をクリックすると以下のウィンドウが開きます。
テンプレートを利用したい場合に選択してください。

「検索」ウィンドウ
「検索」をクリックすると以下のウィンドウが開きます。
検索する文字列を入力して「検索」ボタンをクリックします。

「置き換え」ウィンドウ
「置き換え」をクリックすると以下のウィンドウが開きます。
「検索する文字列」と「置き換えする文字列」を入力し、「置換え」ボタン又は「すべて置換え」ボタンをクリックします。

「ハイパーリンク」ウィンドウ
「リンク挿入/編集」をクリックすると以下のウィンドウが開きます。
「情報」「ターゲット」「アップロード」「高度な設定」のタブがあります。必要に応じて設定してください。
「ハイパーリンク情報」タブ
「サーバーブラウザー」は、アップロード画像用のフォルダが開きます。


「ターゲット」タブ
別のウィンドウを開いてリンクさせるには、「新しいウィンドウ(_blank)」を選択します。


「アップロード」タブ

「高度な設定」タブ

「アンカープロパティ」ウィンドウ
「アンカー挿入/編集」をクリックすると以下のウィンドウが開きます。
アンカーポイントを作成します。作成したアンカーポイントは、「ハイパーリンク」のリンクタイプを「このページのアンカー」にした時に、リスト表示されます。

「イメージプロパティ」ウィンドウ
「イメージの挿入/編集」をクリックすると以下のウィンドウが開きます。
イメージを表示する場合に設定します。 「サーバーブラウザー」を利用して簡単にイメージファイルのアップロード、選択が可能です。
「イメージ情報」タブ
「代替テキスト」は、イメージの代わりに表示されるテキストです。必ず設定しましょう。(イメージ上にマウスを乗せると、そのテキストが表示されるようになります。)
イメージの配置は「行揃え」で指定します。


「リンク」タブ
イメージをクリックした時にリンクを付けたい場合に指定します。
サムネイル画像を表示し、クリックすると大きい画像を表示したい場合などに使用します。


「アップロード」タブ
イメージファイルをアップロードする場合に使用します。「イメージ情報」タブにある「サーバーブラウザー」を利用すると、フォルダで分類出来たりするので便利です。

「高度な設定」タブ

「Flashプロパティ」ウィンドウ
「Flash挿入/編集」をクリックすると以下のウィンドウが開きます。
Flashで作成したファイルを表示したい時に使用します。
「情報」タブ
FlashファイルのURLを指定、又は「サーバーブラウザー」でFlashファイルを指定します。

「アップロード」タブ
Flashファイルをアップロードします。「情報」タブにある「サーバーブラウザー」を利用すると、フォルダで分類出来たりするので便利です。

「高度な設定」タブ


「テーブルプロパティ」ウィンドウ
「テーブル挿入/編集」をクリックすると以下のウィンドウが開きます。
テーブルを作成します。作成したテーブルのセルなどを編集したい場合は、セルなどにカーソルを置いて右クリックすると必要なメニューが表示されます。


右クリックメニュー


「顔文字挿入」ウィンドウ
「顔文字挿入」をクリックすると以下のウィンドウが開きます。
顔文字を挿入したい場合に使用します。

「特殊文字選択」ウィンドウ
「特殊文字挿入」をクリックすると以下のウィンドウが開きます。
特殊文字を挿入したい時に使用します。

「ユニバーサル・キーボード」ウィンドウ
「ユニバーサル・キーボード」をクリックすると以下のウィンドウが開きます。
ユニバーサル・キーボードを使用して文字を挿入できます。

「色選択」ウィンドウ
「テキスト色」
「背景色」をクリックすると以下のウィンドウが開きます。
テキストの色や背景色を指定します。「その他の色…」をクリックすると「色選択」ウィンドウが表示され、多くの色から選択する事ができます。

「段落番号プロパティ」ウィンドウ
「段落番号の追加/削除」で作成されたテキスト部分で右クリックするとメニューが表示され、プロパティを設定する事ができます。
開始文字とタイプを指定します。



「箇条書きプロパティ」ウィンドウ
「箇条書きの追加/削除」で作成されたテキスト部分で右クリックするとメニューが表示され、プロパティを設定する事ができます。
タイプを指定してください。


![]()
「サーバーブラウザー」ウィンドウ
「イメージの挿入/編集」「リンクの挿入/編集」などから「サーバーブラウザー」ボタンをクリックすると以下のウィンドウが開きます。
右側のメインウィンドウにフォルダやイメージファイルのリストが表示されますので、使用するファイルを選択してください。
「Upload a new file in this folder」から選択したフォルダにイメージファイルをアップロードできます。
|
SPAWエディタでの編集 |
TOP |
