ホーム>ネットワークプログラミングチュートリアル>JSP チュートリアル

JSP環境でfckeditorを設定および使用する方法

著者：Eve Cole 更新時間：2009-07-03 17:02:18

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-パターン> 
</サーブレットマッピング>

4. FCKeditor-2.3/web/WEB-INF/lib ディレクトリ内のファイルを独自のプロジェクトの lib フォルダーにコピーします

。 5. FCKeditor を使用する必要がある JSP インターフェイスに次のように追加します。

//

の先頭に //

を追加します

。

ファイル // 使用する場所を結合します

<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 ディレクトリにある例を参照してください。
関連記事