fckediter

 

1.首先说说FCKediter是做什么用？

他是一个图文混排的一个前端框架，可以用在新闻编辑等领域。

效果如图：

通过这个图片，大家可以看到fckediter的效果，这个就是默认的fckediter的界面，大家可以在编辑区域内书写文字，还可以引入图片，并且编辑图片大小和位置。

 

2.怎么才能引入fckediter

     首先是要下载fckediter的文件，然后放入到web项目中。存放的目录为：

然后有需要在src目录下面假如一下包和类：

这些类主要是控制feckediter与java web项目的结合。

然后说说fckediter的配置文件：

web.xml

 <!-- 编辑器 -->

<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>

<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>

/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector

</url-pattern>

</servlet-mapping>

 

<servlet-mapping>

<servlet-name>SimpleUploader</servlet-name>

<url-pattern>

/FCKeditor/editor/filemanager/upload/simpleuploader

</url-pattern>

</servlet-mapping>

 

<!-- 引入fckediter的标签库：-->

<jsp-config>

<taglib>

<taglib-uri>/FCKeditor</taglib-uri>

<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>

</taglib>

</jsp-config>

 

以上的配置主要是设置fckediter的上传图片类型控制，上传文件保存到数据库的路径。

fckediter框架的配置文件是fckconfig.js这个js文件。

其中是设置fckediter的菜单的显示，可以控制菜单的功能等。

还有一个重要的就是回车空行，和shift+enter是回车功能的效果。

这样的话需要修改

FCKConfig.EnterMode = 'p' ; // p | div | br

FCKConfig.ShiftEnterMode = 'br' ; // p | div | br

配置文件为这样。

 

最后能给大家上传一个demo（直接导入IDE，部署，就可以用了！），请大家去附件中查看！瓦咔咔！。写的不好请牛人指点！