HTMLエディタFCKeditorの使い方を詳しく解説

1. はじめに
機能: 見たものそのまま、写真と Flash をサポート、ツールバーは自由に設定でき、使いやすい
互換性: IE 5.5+、Firefox 1.5+、Safari 3.0+、Opera 9.50+ 、Netscape 7.1+、Camino 1.0+
完成度: Baidu、CSDN などによって選択され、広く使用されています。
2. ダウンロード
公式ダウンロード ホームページ: http://www.fckeditor.net/download/、現在のバージョンは 2.5 です。 1
FCKeditor 2.5.1 (FCKeditor_2.5.1.zip) と FCKeditor.Java (FCKeditor-2.3.zip) をダウンロードする必要があります
3. デプロイ
この例では、WebRoot がアプリケーションのルート パスとして使用されます。デプロイメントは以下のようになります:

1. FCKeditor_2.5.1. zip を解凍し、fckeditor フォルダーを /WebRoot/
2. FCKeditor-2.3.zip を解凍し、commons-fileupload.jar と FCKeditor-2.3.jar を / にコピーします。 WebRoot/WEB-INF/lib/
3. /WebRoot/WEB-INF/web.xml ファイルを変更し、次の内容を追加します:
＜サーブレット＞
＜サーブレット名＞コネクタ＜/サーブレット名＞
＜サーブレット-class＞com.fredck.FCKeditor.connector.ConnectorServlet＜ /servlet-class＞
＜init-param＞
＜param-name＞baseDir＜/param-name＞
＜param-value＞/UserFiles/＜/param- value＞
＜/init-param＞
＜init-param＞
＜param-name＞debug＜/param-name＞
＜param-value＞true＜/param-value＞
＜/init-param＞
＜起動時ロード＞1＜/起動時ロード＞
＜/サーブレット＞
＜サーブレット＞
＜サーブレット名＞SimpleUploader＜/サーブレット名＞
＜サーブレットクラス＞com.fredck.FCKeditor.uploader .SimpleUploaderServlet＜/servlet-class＞
＜init-param＞
＜param-name＞baseDir＜/param-name＞
＜param-value＞/UserFiles/＜/param-value＞
＜/init-param＞

debug
true


有効＜/param-name＞
＜param-value＞ true＜/param-value＞
＜/init-param＞
＜init-param＞
＜param-name＞AllowedExtensionsFile＜/param-name＞
＜param-値＞＜/param-value＞
＜/init-param＞
＜init-param＞
＜param-name＞DeniedExtensionsFile＜/param-name＞
＜param-value＞php|php3|php5|phtml|asp| aspx|ascx|jsp|cfm|cfc|pl|bat |exe|dll|reg|cgi＜/param-value＞
＜/init-param＞
＜init-param＞
＜param-name＞AllowedExtensionsImage＜/param -name＞
＜param-value＞jpg|gif| jpeg|png|bmp＜/param-value＞
＜/init-param＞
＜init-param＞
＜param-name＞DeniedExtensionsImage＜/param-name＞
＜param-value＞＜/param-value＞
＜/init-param＞
＜init-param＞
＜param-name＞AllowedExtensionsFlash＜/param-name＞
＜param-value＞swf|fla＜/param -value＞
＜/init-param＞
＜init -param＞
＜param-name＞DeniedExtensionsFlash＜/param-name＞
＜param-value＞＜/param-value＞
＜/init-param＞
＜起動時ロード＞1＜/起動時ロード＞
＜/サーブレット＞
＜サーブレットマッピング＞
＜サーブレット名＞コネクタ＜/サーブレット名＞
＜URLパターン＞/fckeditor/connector＜ /url-pattern＞
＜/servlet-mapping＞
＜servlet-mapping＞
＜servlet-name＞SimpleUploader＜/servlet-name＞
＜url-pattern＞/fckeditor/simpleuploader＜/url-pattern＞
＜/ servlet-mapping＞
4. /WebRoot/fckeditor/ fckconfig.js を変更します。変更部分は次のとおりです。
FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/
default/browser.html?Connector=/fckeditor/コネクタ' ;
FCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser /
default/browser.html?Type=Image&Connector=/fckeditor/connector' ;
FCKConfig.FlashBrowserURL = FCKConfig.BasePath + 'filemanager/browser/
default /browser.html?Type=Flash&Connector=/fckeditor/connector' ;
FCKConfig.LinkUploadURL = '/fckeditor/simpleuploader?Type=File' ;
FCKConfig.ImageUploadURL = '/fckeditor/simpleuploader?Type=Image' ;
FCKConfig. FlashUploadURL = '/fckeditor/simpleuploader?Type=Flash';
注:
(1) ステップ 3 と 4 では、web.xml のサーブレットの構成を設定する必要があります。 fckconfig.js の URL 参照と一致します。
(2) この例の通常の動作の前提条件 WebRoot がルート パスとしてデプロイされている場合、仮想パスが設定されている場合、サーブレットは見つかりません。
4. 使用方法
この例では最も直接的な js メソッドを使用します。API および TagLib メソッドについては、FCKeditor-2.3.zip を解凍した後の _samples にある例を参照してください。
fckdemo.jsp:
＜%@ page contentType="text/html;charset=GBK"%＞
＜html＞
＜head＞
＜title＞FCKeditorテスト＜/title＞
＜script type="text/javascript " src="/fckeditor/fckeditor.js">＜/script＞
＜/head＞
＜body＞
＜form action="fckdemo.jsp" Method="post">
＜%
文字列 content=request. getParameter("content");
if (content != null) {
content = content.replaceAll("rn", "");
content = content.replaceAll("r", "");
content = content.replaceAll("n", "");
content = content.replaceAll(""", "'");
}else{
content = "";
}
%＞
＜table width=100%＞
＜tr＞
＜tdcolspan=4 style='text-align:center' width=100% height=50px＞
＜span＞

上記は HTML エディタ FCKeditor の使用方法の詳細な説明です。その他の関連記事は、 PHP 中国語 Web サイト (www.php.cn) にご注意ください。