当前位置: 代码迷 >> JavaScript >> jsp中运用FCKEditor
  详细解决方案

jsp中运用FCKEditor

热度:114   发布时间:2012-10-30 16:13:36.0
jsp中使用FCKEditor

1 首先在这里下载fckeditor组件 放在自己的工程中,fckconfig.js需要配置自己项目的处理上传路径这个项目中是/rhcy/connector,可以查找在那个位置,然后在web.xml中找到connector所对应的servlet,

2,在页面中引入该fckeditor工具 ???<script type="text/javascript"
???src="<%=path%>/flexigrid_my/jquery-1.3.2.min.js"></script>
??????? <script type="text/javascript" src="/rhcy/fckeditor/fckeditor.js"></script>

?

获得编辑器的代码为

?

?<form action="" method="post">
??????????? <table border="0" width="700" align="center">
??????????????? <tr>
??????????????????? <td>
??????????????????????? <textarea id="text1" name="content"
??????????????????????????? style="WIDTH: 80%; HEIGHT: 400px">放假</textarea>
??????????????????????? <script type="text/javascript">
??????????????????????????? var oFCKeditor = new FCKeditor('content') ;
??????????????????????????? oFCKeditor.BasePath = "/rhcy/fckeditor/" ;这里改为自己的项目
??????????????????????????? oFCKeditor.Height = 400;
??????????????????????????? oFCKeditor.Width = 800;
??????????????????????????? oFCKeditor.ToolbarSet = "Default" ;
??????????????????????????? oFCKeditor.ReplaceTextarea();
??????????????????????? </script>
??????????????????????
??????????????????? </td>
??????????????? </tr>
??????????? </table>
??????? </form>

?

压缩包中的两个servlet的配置如下

第一个配置是fckeditor上传组件的配置

<servlet>
??<servlet-name>SimpleUploader</servlet-name>
??<servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</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>
??<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>SimpleUploader</servlet-name>
??? <url-pattern>/simpleuploader</url-pattern>
? </servlet-mapping>

?

<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-mapping>
??? <servlet-name>Connector</servlet-name>
??? <url-pattern>/connector</url-pattern>
? </servlet-mapping>

?

?

这两映射路径都要在fckconfig.js中进行更改

下面几项路径必须要修改我现在项目是rhcy你可以改为自己的

?


FCKConfig.LinkBrowser = true ;
FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector=/rhcy/connector';
FCKConfig.LinkBrowserWindowWidth?= FCKConfig.ScreenWidth * 0.7 ;??// 70%
FCKConfig.LinkBrowserWindowHeight?= FCKConfig.ScreenHeight * 0.7 ;?// 70%

FCKConfig.ImageBrowser = true ;
FCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Image&Connector=/rhcy/connector'
FCKConfig.ImageBrowserWindowWidth? = FCKConfig.ScreenWidth * 0.7 ;?// 70% ;
FCKConfig.ImageBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ;?// 70% ;

FCKConfig.FlashBrowser = true ;
FCKConfig.FlashBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Flash&Connector=/rhcy/connector';
FCKConfig.FlashBrowserWindowWidth? = FCKConfig.ScreenWidth * 0.7 ;?//70% ;
FCKConfig.FlashBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ;?//70% ;

FCKConfig.LinkUpload = true ;
FCKConfig.LinkUploadURL = FCKConfig.BasePath + '/simpleuploader?Type=File';
FCKConfig.LinkUploadAllowedExtensions?= ".(7z|aiff|asf|avi|bmp|csv|doc|fla|flv|gif|gz|gzip|jpeg|jpg|mid|mov|mp3|mp4|mpc|mpeg|mpg|ods|odt|pdf|png|ppt|pxd|qt|ram|rar|rm|rmi|rmvb|rtf|sdc|sitd|swf|sxc|sxw|tar|tgz|tif|tiff|txt|vsd|wav|wma|wmv|xls|xml|zip)$" ;???// empty for all
FCKConfig.LinkUploadDeniedExtensions?= "" ;?// empty for no one

FCKConfig.ImageUpload = true ;
FCKConfig.ImageUploadURL = FCKConfig.BasePath + '/simpleuploader?Type=Image';
FCKConfig.ImageUploadAllowedExtensions?= ".(jpg|gif|jpeg|png|bmp)$" ;??// empty for all
FCKConfig.ImageUploadDeniedExtensions?= "" ;???????// empty for no one

FCKConfig.FlashUpload = true ;
FCKConfig.FlashUploadURL = FCKConfig.BasePath + '/fckeditor/simpleuploader?Type=Flash';
FCKConfig.FlashUploadAllowedExtensions?= ".(swf|flv)$" ;??// empty for all
FCKConfig.FlashUploadDeniedExtensions?= "" ;?????// empty for no one

?

?

完了把我这个压缩包的文件拔下去看看就明白了

  相关解决方案