FCKeditor使用说明

最新推荐文章于 2023-04-27 15:27:27 发布
最新推荐文章于 2023-04-27 15:27:27 发布
阅读量133 收藏
点赞数
分类专栏： Taglib 文章标签： fckeditor JSP Web ASP.net Flash
开发环境：
Tomcat5.5 Eclipse3.2

FCKeditor 版本 FCKeditor_2.3.1 FCKeditor.Java 2.3

下载地址： [url]http://www.fckeditor.net/download/default.html[/url]

开始：

新建工程，名称为 fekeditor
解压 FCKeditor_2.3.1 包中的 edit 文件夹到项目中的 WebContent 目录

解压 FCKeditor_2.3.1 包中的 fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml 文件夹到项目中的 WebContent 目录

解压 FCKeditor-2.3.zip 包中的 \web\WEB-INF\lib 下的两个 jar 文件到项目的 WebContent\WEB-INF\lib 目录

解压 FCKeditor-2.3.zip 包中的 \src 下的 FCKeditor.tld 文件到项目的 WebContent\WEB-INF 目录

删除 WebContent\edit 目录下的 _source 文件夹


修改 web.xml 文件，加入以下内容

[code] <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>
<!-- 此为文件上传路径，需要在WebContent 目录下新建 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>false</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>
/editor/filemanager/browser/default/connectors/jsp/connector
</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>
/editor/filemanager/upload/simpleuploader
</url-pattern>
</servlet-mapping>[/code]
新建一个提交页 jsp1.jsp 文件和一个接收页 jsp2.jsp 文件

jsp1.jsp 代码如下：

[code]<%@ page contentType = "text/html;charset=UTF-8" language = "java" %>
<%@ taglib uri = "/WEB-INF/FCKeditor.tld" prefix = "fck" %><html>
<head>
<title> Test </title>
</head> <body>
<FORM action = "jsp2.jsp" >
<fck:editor id = "testfck" basePath = "/fekeditor/"
height = "100%"
skinPath = "/fekeditor/editor/skins/default/"
toolbarSet = "Default"
imageBrowserURL = "/fekeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL = "/fekeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL = "/fekeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
imageUploadURL = "/fekeditor/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL = "/fekeditor/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL = "/fekeditor/editor/filemanager/upload/simpleuploader?Type=Flash" >
</fck:editor>
<input type="submit" />
</FORM>
</body>
</html>jsp2.jsp 代码如下：<html>
<head>
<title>TEST</title>
</head> <body>
<%=request.getParameter( "testfck" )%>
</body>
</html>[/code]
在 WebContent 目录下新建 UserFiles 文件夹，在此文件夹下新建 File,Image,Flash 三个文件夹。

ok现在运行一下看看吧！
参考[url]http://www.blogjava.net/oksonic/archive/2006/05/11/45687.aspx[/url]
manmonth2004
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
FCKeditor（在线文本编辑器）
05-30
如何在表单页面中调用FCKeditor在线文本编辑器、如何配置出适合用户的在线文本编辑器、如何实现文件的上传功能和如何配置所要上传的文件类型等
FCKEDITOR 使用说明
04-06
**FCKEditor 使用详解** FCKEditor是一款曾经非常流行的开源HTML文本编辑器，它使得在网页上创建富文本内容变得更加简单。尽管现在已经被CKEditor所取代，但FCKEditor在许多旧项目中仍然广泛使用，因此理解其工作...
FCKEditor使用说明
qsfwy的专栏
11-17 117
1. FCKeditor 介绍FCKeditor 这个开源的HTML 文本编辑器可以让web 程序拥有如MS Word 这样强大的编辑功能.FCKeditor 支持当前流行的浏览器如IE 5.5+, Firefox 1.0+, Mozilla 1.3+与Netscape 7+等。 FCKeditor官司方网址：http://www.fckeditor.net/ FCKeditor在线DEMO：ht...
fckeditor使用说明
【NOGOD】的专栏
01-21 95
1：控件的配置文件在F:\Cmwin_Programme\WebControls\ControlsTest\JS\fckeditor这个目录下 fckconfig.js是整个控件的配置文件，fckconfig.js中的 FCKConfig.ToolbarSets["Default"] = [ ['Bold','Italic','Underline','StrikeThrough','-','Sub...
文本编辑器FCKeditor
一片蓝天
01-22 663
 最近无意发现了个新的文本编辑工具FCKeditor，简单介绍下： FCKeditor简介：              FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名
Fckeditor
ZhangGuozhong's Blog
12-01 305
1.test.jsp &lt;div&gt;               &lt;textarea id="content" name="content" style="WIDTH: 100%; HEIGHT: 400px"&gt;&lt;c:out value="${news.content }"/&gt;&lt;/textarea&gt;     &lt
FCKEditor使用说明英文
08-14
### FCKEditor 使用说明英文 #### CKEditor for Java 集成指南 ##### 系统需求 请注意，您至少需要 JRE 1.4 和 Servlet 2.5/JSP 2.1 才能使用此集成。 ##### 安装 将 CKEditor 添加到您的应用程序是一个两步...
fckeditor使用说明书中文版
05-30
在中文版的使用说明中，我们关注以下几个关键知识点： 1. **加载性能**：FCKEditor的优势在于其快速的加载速度，这得益于其优化的文件结构和加载策略。与其他编辑器如CUTEEDITOR相比，FCKEditor在加载所需文件方面...
FCKeditor详细使用说明
04-29
以下是对FCKeditor的详细使用说明： **一、FCKeditor的准备工作** 1. 首先，你需要从官方网站www.fckeditor.net下载FCKeditor的最新版本，如FCKeditor_2.6.6.rar和fckeditor-java-2.6-bin.zip。 2. 创建一个新的...
FCKEditor
03-05
博文链接：https://canofy.iteye.com/blog/174267
fckeditor(jsp版)
06-18
采用2.6.4版本，彻底解决fckeditor(jsp版)上传中文文件乱码问题。 使用Tomcat应用服务器时，为了更好的支持URL地址中的中文参数问题.需要在tomcat进行如下设置： 需要修改server.xml文件的如下行： <Connector port="8080" maxHttpHeaderSize="8192" maxThreads="150" minSpareThreads="25" maxSpareThreads="75" enableLookups="false" redirectPort="8443" acceptCount="100" connectionTimeout="20000" disableUploadTimeout="true" URIEncoding="UTF-8"/> <Connector port="8080" maxHttpHeaderSize="8192" maxThreads="150" minSpareThreads="25" maxSpareThreads="75" enableLookups="false" redirectPort="8443" acceptCount="100" connectionTimeout="20000" disableUploadTimeout="true" URIEncoding="UTF-8"/> 注意URIEncoding="UTF-8"的部分，即将URI的编码设置为“UTF-8“，这样就不会有问题了；
Fckeditor 2.6.4
03-25
NULL 博文链接：https://3w1h.iteye.com/blog/1131555
fckeditor.zip
05-19
前端界面文本编辑器模板，全都是单个模板，开源可编辑
FCKeditor
weixin_33682790的博客
07-02 310
转载自吴红森 最终编辑吴红森 ================= 网上摘录的方法：========================FCKeditor是目前最好的html文本编辑器，如果还不明白的话看了下图就知道了效果图: 那么为什么说是FCKeditor的冰冷之心呢？这不是哗众取宠，主要是说它使用起来有点麻烦，下文就详细说明如何搞定这玩意儿。 1...
fckeditor编辑器
最新发布
龙狼刺的博客
04-27 130
编辑器漏洞
FCKEDITOR
Golden_lion的博客
06-01 530
FCKeditor是目前最优秀的可见即可得网页编辑器之一，它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行，互联网上很容易找到相关技术文档，国内许多WEB项目和大型网站均采用了FCKeditor。 FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。它可和PHP、
精简 FckEditor 配置手册及下载教程，详细简要一网打尽
FckEditor是一个强大的所见即所得的在线HTML文本编辑器，可以帮助用户轻松地编辑网页内容。...希望本文所述的FckEditor中文配置手册详细说明能够帮助用户更好地使用这款编辑器，提高工作效率并节省时间。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值