|
锁定老帖子 主题：FCKeditor在线编辑器
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2008-05-13
FCKeditor在线编辑器
FCKeditor 这个开源的HTML 文本编辑器可以让web 程序拥有如MS Word 这样强大的编辑功 FCKeditor官司方网址：http://www.fckeditor.net/ FCKeditor在线DEMO：http://www.fckeditor.net/demo FCKeditor下载直址：http://www.fckeditor.net/download 最新版已经是2.6了。 在项目中使用FCKeditor在线编辑器： (1) 新建一个WEB工程； (2) 解压FCKeditor_2.6.zip包，将其中的editor文件夹复制到项目中去； (3) 解压FCKeditor_2.6.zip包，将其中的fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml赋值到项目中的WebRoot目录下面； (4) 将FCKeditor.jar文件复制到WebRoot\WEB-INF\lib目录； (5) 将FCKeditor.tld文件复制到WEB-INF下面； (6) 修改web.xml配置文件中的信息，如下; <!-- fckeditor start --> <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>false</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>
<description>This is the description of my J2EE component</description>
<display-name>This is the display name of my J2EE component</display-name>
<servlet-name>PostArticle</servlet-name>
<servlet-class>servlet.PostArticle</servlet-class>
</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>
<servlet-mapping>
<servlet-name>PostArticle</servlet-name>
<url-pattern>/servlet/post</url-pattern>
</servlet-mapping> <!-- fckeditor end -->
(7) 在JSP页面中使用，如：test.jsp 首先要在报头中加入 <%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="f"%>还要注意basepath及path的设置 <%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<body>
<form action="servlet/post" method="post">
title:<input type="text" name="title"><br>
<f:editor id="content" basePath='<%=path + "/FCKeditor/"%>'
imageBrowserURL='<%=path
+ "/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"%>'
linkBrowserURL='<%=path
+ "/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"%>'
flashBrowserURL='<%=path
+ "/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"%>'
imageUploadURL='<%=path
+ "/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"%>'
linkUploadURL='<%=path
+ "/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"%>'
flashUploadURL='<%=path
+ "/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"%>'>
</f:editor>
<input type="submit">
</form>
</body>
后面的附件是实例。 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2008-05-15
(4) 将FCKeditor.jar文件复制到WebRoot\WEB-INF\lib目录；
还是用2.3的jar包? 2.6下载文件里面不带这个. |
| 返回顶楼 | |
|
发表时间：2008-05-16
前两天正想研究研究来着，谢谢楼主
|
| 返回顶楼 | |
|
发表时间：2008-05-16
中文乱码,不知楼主有没有试过.
|
| 返回顶楼 | |
|
发表时间：2008-05-18
全用UTF-8没有问题，就是上传的中文图片或中文附件都没有问题
|
| 返回顶楼 | |
|
发表时间：2008-05-18
项目刚用到，很强大的，直接复制网页内容，图片格式之类的一个都不少！
|
| 返回顶楼 | |
|
发表时间：2008-05-18
有没有人试过和ext结合呢?我按论坛里面的人说的方法 凡是那种打开窗口的都是空的 一直不知道是为什么
|
| 返回顶楼 | |
|
发表时间：2008-05-20
把当前输入的内容保存在oracle中，然后再取出显示出来,有谁做过这方面的试验？？
|
| 返回顶楼 | |
|
发表时间：2008-05-22
嗯。不错，前几天有同事想找这个东西。谢谢LZ。
|
| 返回顶楼 | |
|
发表时间：2008-05-24
aone 写道 中文乱码,不知楼主有没有试过.
确实有这种情况，乱码没法解决 文件管理不大方便 |
| 返回顶楼 | |
