锘??xml version="1.0" encoding="utf-8" standalone="yes"?>
涓縐嶆槸jsp鏍囩瀵煎叆 錛屼絾鎴戜滑鍐欑殑欏甸潰鏄痻html錛屾爣絳劇敤涓嶄簡錛屽皾璇曟壘璧勬枡鍘誨啓鏍囩錛屾病鎴愬姛銆?br /> 絎簩縐嶆槸javascript 鏂瑰紡錛岃繖縐嶆柟寮忔垜鐜板湪鏈変釜闂灝辨槸鎴戝湪姣忎釜textarea鍐欎竴孌礿s錛岃繕娌℃兂鍒板啓鎴愬伐鍏瘋皟鐢紝鍚勪綅鏈夋椂闂村彲浠ユ兂鎯熾?/p>
鐜板湪璇翠笅鍏蜂綋鐨勯厤緗?br />
1.
灝咶CKeditor_2.5.1瑙e帇緙?鐩綍緇撴瀯鏄?FCKeditor_2.5.1\fckeditor\editor
灝嗙洰褰昬ditor澶嶅埗鍒伴」鐩殑WebRoot涓嬬殑fck閲岄潰錛圵ebRoot閲岄潰寤轟竴涓洰褰?鍙?fck 錛屽悕瀛楅殢浣犲彇錛夛紝
灝嗙洰褰昮ckeditor涓殑 fckconfig.js銆乫ckeditor.js銆乫ckstyles.xml銆乫cktemplates.xml鎷瘋礉鍒?fck閲岄潰
鐒跺悗灝咶CKeditor-2.3.zip錛坖ava錛夊帇緙╁寘涓璡web\WEB-INF\lib\鐩綍涓嬬殑涓や釜jar鏂囦歡鎷峰埌欏圭洰鐨刓WEB-INF\ lib\鐩綍涓嬨?br />
鎶婂叾涓殑src鐩綍涓嬬殑FCKeditor.tld鏂囦歡copy鍒板伐紼嬬殑WEB-INF涓嬮潰銆?br />
2. 閰嶇疆web.xml鏂囦歡錛屾垜鐩存帴璐存垜閭d釜浜嗭細
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-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>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet>
<servlet-name>SimpleUploader</servlet-name>
<servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>
<init-param>
<param-name>baseDir</param-name>
<!-- 姝や負鏂囦歡涓婁紶璺緞錛岄渶瑕佸湪WebRoot 鐩綍涓嬫柊寤?UserFiles 鏂囦歡澶?-->
<!-- 鏍規嵁鏂囦歡鐨勭被鍨嬭繕闇瑕佹柊寤虹浉鍏崇殑鏂囦歡澶?Image銆?Flash -->
<param-value>/UserFiles/</param-value>
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<!-- 姝ゅ弬鏁頒負鏄惁寮鍚笂浼犲姛鑳?-->
<param-name>enabled</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsFile</param-name>
<param-value></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>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>/fck/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>/fck/editor/filemanager/upload/simpleuploader</url-pattern>
</servlet-mapping>
3.鏇存敼fckconfig.js
瀵瑰簲鐨勫叚涓猆RL絳夌殑鍊兼浛鎹㈡垚浠ヤ笅鍐呭錛?br />
FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;
FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;
FCKConfig.FlashBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ;
FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ;
FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ;
FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ;
4.灝卞埌欏甸潰浜?
鍏堝鍏s, : <script type="text/javascript" src="#{adminAccountBean.contextPath}/fck/fckeditor.js"></script>
鍦ㄥ搴旂殑texarea 鍔犱笂涓孌典唬鐮侊紝鍙鍏蟲敞javascript 閭f錛?/p>
<td class="edit-value">
<h:inputTextarea id="description" styleClass="textbox" value="#{adminJobEditBean.jobRow.description}" />
<script type="text/javascript">
var oFCKeditor = new FCKeditor('jobForm:description') ; <!-- 鍙傛暟涓簍extarea鍚嶅瓧 -->
oFCKeditor.BasePath = "#{adminAccountBean.contextPath}/fck/" ; <!-- fck璺緞 -->
oFCKeditor.Height = 400;
oFCKeditor.ToolbarSet = "Default" ;
oFCKeditor.ReplaceTextarea();
</script>
</td>