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,部署,就可以用了!),请大家去附件中查看!瓦咔咔!。写的不好请牛人指点!