ホームページ >バックエンド開発 >PHPチュートリアル >PHP 環境でのオンライン エディター FCKeditor_PHP チュートリアルの構成
PHP環境でオンラインエディタFCKeditor 2.0を試す際の注意点
1. はじめに
FCKeditor 2.0 RC1 バージョンは、2004 年 11 月 30 日にリリースされました。公式 Web サイトによると、これは FCKeditor 2.0 バージョンの最初の安定バージョンです。これで正式な使用を検討できるようになりました。現在サポートされているバックエンド言語は、ASP、ASP.Net、PHP、ColdFusion です。
簡単な試用の後、著者はオンライン エディタのバージョン 2.0 がバージョン 1.6 に比べて多くの改善点があることを発見しました。まず、FCKeditor のファイル構造がより明確になり、独自のシステムへの展開が容易になります。さらに、バージョン 2.0 ではついに Firefox 1.0 ブラウザがサポートされ、FCKeditor のユーザーがさらに増えることになります。早速、FCKeditor 2.0 をインストールして構成する方法を学びましょう。
2. インストールと例
まず、http://sourceforge.net/projects/fckeditor/ にアクセスして FCKeditor 2.0 RC1 (554K) をダウンロードし、Web サイトのディレクトリに解凍して、フォルダー名を FCKeditor に変更します。たとえば、Web サイトが shaof ディレクトリに配置されている場合、このディレクトリに 3 つのサブディレクトリを作成します。
n FCKeditor: Web サイトからダウンロードした FCKeditor オンライン エディターを保存します
n upimages: アップロードされた画像を保存するために使用されます
n admin: テストページは内部に保存されています
ウェブサイトの構成は次のとおりです:
/FCKeditor //FCKeditor ディレクトリ
/UserFiles //アップロードファイルディレクトリ
/管理者
test.php //データ送信ページ
testsubmit.php //データページを表示します
FCKeditor ディレクトリに入り、_samples ディレクトリを開きます。このディレクトリには、さまざまなプログラミング言語で FCKeditor を呼び出すためのサンプル プログラム ページが含まれています。このディレクトリには、PHP を使用して FCKeditor を呼び出す方法が含まれています。以下を参照してください。これは、私が省略して、Web サイトのルート ディレクトリの下の admin ディレクトリに配置した test.php プログラムです。
if($_POST["追加"]){
$Content=$_POST['EditorDefault'];
$Content をエコー;
//変数 $Content は FCKeditord で編集した内容であり、ここでデータベースに保存できます。コードは省略されています。
}
3. オンラインエディターを設定します
FCKeditor 2.0 の設定ファイルは FCKeditorfckconfig.js で、いくつかの重要な設定項目は次のとおりです:
1. ツールバーの設定
デフォルトでは、FCKeditor は次のツールバー ボタンを呼び出します。これらのボタンは、必要に応じて増減できます。バージョン 2.0 とバージョン 1.6 のボタンはまったく同じではなく、一部のボタンが削除されているか名前が変更されていることに注意してください。
//##
//## ツールバー ボタン セット
//##
FCKConfig.ToolbarSets["デフォルト"] = [
['ソース','-','保存','新しいページ','プレビュー'],
['切り取り','コピー','貼り付け','テキストの貼り付け','Wordの貼り付け','-','印刷'],
['元に戻す','やり直し','-','検索','置換','-','すべて選択','フォーマットの削除'],
['太字'、'斜体'、'下線'、'取り消し線'、'-'、'下付き文字'、'上付き文字']、
['OrderedList','UnownedList','-','Outdent','Indent'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['リンク','リンク解除'],
['画像','テーブル','ルール','特殊文字','スマイリー'],
['スタイル','フォント形式','フォント名','フォントサイズ'],
['TextColor','BGColor'],
[「概要」]
];
2. 簡体字中国語設定
edit/lang/fck languagemanager.js を編集