FCKeditor は、sourceforge.net 上のオープン ソース プロジェクトであり、主にオンライン Web ページ エディターの機能を実装し、Web プログラムに MS Word などの強力な編集機能を持たせることができます。公式 Web サイトは http://www.fckeditor.net で、サーバー側では ASP.Net、ASP、ClodFusion、PHP、Java などの言語をサポートし、IE 5 以降、Mozilla、ネットスケープ。
まず、公式 Web サイトから fckeditor をダウンロードします。パッケージは 2 つあり、1 つはメイン ファイル、もう 1 つは jsp 統合パッケージです。
1. FCKeditor_2.2.zip (FCKeditor メイン ファイル) を解凍し、FCKeditor ディレクトリを Web サイトのルート ディレクトリにコピーします。
2. FCKeditor-2.3.zip (jsp、FCKeditor 統合パッケージ) を解凍します。 Java スクリプトレットまたは JavaScript API を使用する複雑さを伴わずに、Java サーバー ページ内で FCKeditor を使用するための JSP 統合パック。
3. FCKeditor-2.3/web/WEB-INF/web.xml 内の 2 つのサーブレットとサーブレット マッピングの定義を次の場所にコピーします。独自のプロジェクトの web.xml ファイル内の次のコンテンツを変更します
。
<サーブレットマッピング> <サーブレット名>コネクタ</サーブレット名> <URL パターン> /editor/filemanager/browser/default/connectors/jsp/connector </url-パターン> </サーブレットマッピング> <サーブレットマッピング> <サーブレット名>SimpleUploader</サーブレット名> <url-pattern>/editor/filemanager/upload/simpleuploader</url-pattern> </サーブレットマッピング> |
修正結果:
<サーブレットマッピング> <サーブレット名>コネクタ</サーブレット名> <URL パターン> /FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector </url-パターン> </サーブレットマッピング> <サーブレットマッピング> <サーブレット名>SimpleUploader</サーブレット名> <url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern> </サーブレットマッピング> |
4. FCKeditor-2.3/web/WEB-INF/lib ディレクトリ内のファイルを独自のプロジェクトの lib フォルダーにコピーします
。 5. FCKeditor を使用する必要がある JSP インターフェイスに次のように追加します。
//
<%@ taglib uri= を
追加します。ファイルの先頭に"http://fckeditor.net/tags-fckeditor" prefix="FCK" %>
//使用したい場所に追加します
<FCK:editor id="content" BasePath="/FCKeditor/" imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html? タイプ=イメージ&コネクタ=コネクタ/jsp/コネクタ" linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html? コネクタ=コネクタ/jsp/コネクタ" flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html? タイプ=フラッシュ&コネクタ=コネクタ/jsp/コネクタ" imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=画像" linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File" flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"> これはデフォルトのコンテンツです:) </FCK:エディタ> |
サーバーテストを開始します...成功したら、FCKeditor をスリム化しましょう。
1. FCKeditor ディレクトリとサブディレクトリ内の「_」アンダースコアで始まるフォルダーをすべて削除します。
2. fckconfig.js、fckeditor.js のみが FCKeditor ルートに残ります。 fckstyles.xml、fcktemplates.xml の残りをすべて削除します。
3. editor/filemanager/upload ディレクトリ内のファイルとフォルダーをクリアします。
4. editor/skins ディレクトリ内のスキン ファイルを削除し、デフォルトだけを残すこともできます
。スキンのセット (スキンを変更する必要がない場合)
5. editor/lang ディレクトリ内のファイルを削除して、en.js、fck languagemanager.js、zh-cn.js、zh.js ファイルのみを残すこともできます。 (英語、簡体字中国語、繁体字中国語は通常、それだけで十分です:))
完了です。
その他の問題:
struts+spring+hibernate で使用すると、イメージ アップロード関数でエラー メッセージが表示される場合があります:
出力形式には '{http://xml.apache.org/xalan}content-handler' プロパティが必要です
。 WEB-INF/lib ディレクトリの xalan*.jar を削除し、セキュリティの問題を試してください。
一般ユーザーがフロント デスクでも FCKEditor を使用できる場合、フロント デスクで使用する場合は、関連するセキュリティの問題に注意してください。デフォルトを使用しないでください。 ToolBar、追加の画像、フラッシュ、画像フィールドのボタンを削除します。 fckconfig.js の 78 行ほどで配列に値を設定することで、それぞれの値のセットを強制的に試すことができます。を表します。
FCKeditor のインストールが完了しました。詳細な設定については、FCKeditor-2.3.zip (jsp、FCKeditor 統合パッケージ) フォルダーの web/_samples ディレクトリにある例を参照してください。