Fckeditor的详细解说

最新推荐文章于 2020-12-25 08:09:05 发布
最新推荐文章于 2020-12-25 08:09:05 发布
阅读量63 收藏
点赞数
分类专栏： CSDN 文章标签： fckeditor Servlet JSP ASP.net ASP

FCKeditor 2.6 最新版本：

http://ncu.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor_2.6.zip

或者：

http://www.fckeditor.net/download（官方网站）

FCKeditor是sourceforge.net上面的一个开源项目，主要是实现在线网页编辑器的功能，可以让web程序拥有如MSWord这样强大的编辑功能。官方网站为http://www.fckeditor.net，在服务器端支持ASP.Net、ASP、ClodFusion、PHP、Java等语言，并且支持IE5+、Mozilla。

一、FCKeditor 在JSP上的应用：

1. 下载fckeditor,注意有两个包，一个是主文件，一个是jsp整合包的。
解压FCKeditor后，结构：\FCKeditor_2.6\fckeditor， 在此我只想要一层文件夹，所以我只复制了fckeditor的所有文件，然后更改目录名为：FCKeditor 到网站根目录下。格式如下： webRoot/FCKeditor.

注意： FCKeditor文件夹下应该有两个文件夹分别是：_samples，editor，

还是其他文件（*.jsp;*.php;*asp;*js;*html）

2. 配置工程中的web.xml文件，两个servlet,servlet-mapping： 配置后的Web.xml代码如下：

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>

<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>
<!-- 指定文件上传路径 -->
<!-- "/UserFiles/" 这表示我需要在WebRoot目录下新建 UserFiles 文件夹，然后上传的文件都会被保存到该目录下。
当然，你也可以直接到系统路径上：D:/upload/file。
但是你在外部访问或显示服务器图片的时候就得注意处理好相应的路径，
建议还是直接在WebRott下面见一个文件夹，方便访问-->
<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>
</web-app>

<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> <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> <!-- 指定文件上传路径 --> <!-- "/UserFiles/" 这表示我需要在WebRoot目录下新建 UserFiles 文件夹，然后上传的文件都会被保存到该目录下。 当然，你也可以直接到系统路径上：D:/upload/file。 但是你在外部访问或显示服务器图片的时候就得注意处理好相应的路径， 建议还是直接在WebRott下面见一个文件夹，方便访问--> <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> </web-app>

3. JSP调用：

方式一：Javacript调用

<form id="form1" name="form1" method="post" action="default_do.jsp">
<table width="100%" border="0">
<tr>
<td height="25">
<textarea name="contest" id="contest"
style="width: 100%; height: 400px;"></textarea>
<script type="text/javascript">
var oFCKeditor = new FCKeditor( 'contest' ) ;
// 此处的 contest 必须是文本域的name
//oFCKeditor.BasePath = 'FCKeditor/' ;
oFCKeditor.ToolbarSet = 'Default' ;
oFCKeditor.Width = '100%' ;
oFCKeditor.Height = '400' ;
oFCKeditor.Value = '' ;
oFCKeditor.ReplaceTextarea();
//oFCKeditor.Create() ;
</script>
<input type="submit" name="Submit" value="提交" />
</td>
</tr>
</table>
</form>

<form id="form1" name="form1" method="post" action="default_do.jsp"> <table width="100%" border="0"> <tr> <td height="25"> <textarea name="contest" id="contest" style="width: 100%; height: 400px;"></textarea> <script type="text/javascript"> var oFCKeditor = new FCKeditor( 'contest' ) ; //oFCKeditor.BasePath = 'FCKeditor/' ; oFCKeditor.ToolbarSet = 'Default' ; oFCKeditor.Width = '100%' ; oFCKeditor.Height = '400' ; oFCKeditor.Value = '' ; oFCKeditor.ReplaceTextarea(); //oFCKeditor.Create() ; </script> <input type="submit" name="Submit" value="提交" /> </td> </tr> </table> </form>

方式二： Tablib标签调用

新建一个FCKeditor.tld文件 （当然可以到网上下载这个模版tab文件）,放置WEB-INF下面；

FCKdeitor.tld 代码如下：

<?xml version="1.0" encoding="ISO-8859-1" ?> <!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.1//EN" "http://java.sun.com/j2ee/dtds/web-jsptaglibrary_1_1.dtd"> <taglib> <tlibversion>2.3</tlibversion> <jspversion>1.1</jspversion> <shortname>FCKeditor</shortname> <uri>http://fckeditor.net/tags-fckeditor</uri> <info>FCKeditor taglib</info> <tag> <name>editor</name> <tagclass>com.fredck.FCKeditor.tags.FCKeditorTag</tagclass> <bodycontent>JSP</bodycontent> <attribute> <name>id</name> <required>true</required> </attribute> <attribute> <name>basePath</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>toolbarSet</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>width</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>height</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>customConfigurationsPath</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>editorAreaCSS</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>baseHref</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>skinPath</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>pluginsPath</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>fullPage</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>debug</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>autoDetectLanguage</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>defaultLanguage</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>contentLangDirection</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>enableXHTML</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>enableSourceXHTML</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>fillEmptyBlocks</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>formatSource</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>formatOutput</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>formatIndentator</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>geckoUseSPAN</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>startupFocus</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>forcePasteAsPlainText</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>forceSimpleAmpersand</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>tabSpaces</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>useBROnCarriageReturn</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>toolbarStartExpanded</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>toolbarCanCollapse</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>fontColors</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>fontNames</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>fontSizes</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>fontFormats</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>stylesXmlPath</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>linkBrowserURL</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>imageBrowserURL</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>flashBrowserURL</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>linkUploadURL</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>imageUploadURL</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>flashUploadURL</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> </tag> </taglib>

jsp调用：

先导入：<%@ taglib prefix="FCK" uri="/WEB-INF/FCKeditor.tld"%>

然后：

<form id="form1" name="form1" method="post" action="default_do.jsp">
<table width="100%" border="0">
<tr>
<td height="25">


<FCK:editor id="contest" width="100%" height="400"

toolbarSet="Default"
basePath="${basePath}FCKeditor/"
skinPath="${basePath}FCKeditor/editor/skins/default/"></FCK:editor>


<input type="submit" name="Submit" value="提交" />
</td>
</tr>
</table>
</form>

iteye_2025
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
FCKeditor详细使用说明
04-29
Fckeditor详细开发文档，适合学习JSP的开发人员使用。
FCKEditor配置及功能实现详解
weixin_45525177的博客
09-21 314
FCKEditor的word图片转存
【渗透测试】--- FCKeditor文本编辑器漏洞
热门推荐
qq_43168364的博客
12-25 1万+
一、FCKeditor编辑器漏洞 FCKeditor编辑器是一款强大的所见即所得文本编辑器，现在已经更名为：CKEditor fckeditor的常见敏感目录（FCK有时要小写） (1) 查看版本信息 /FCKeditor/editor/dialog/fck_about.html /FCKeditor/_whatsnew.html (2) 默认上传页面 /FCKeditor/editor/filemanager/browser/default/browser.html /FCKeditor/edito
FredCK.FCKeditorV2的使用说明
jxnu_xx的专栏
09-10 1643
1.下载FCKeditor文件先在官方网页上下载 FCKeditor 的压缩包 和 FCKeditor 的.net 2.0核心库下载地址：FCKeditor 的压缩包FCKeditor 的.net 2.0核心库说明： FCKeditor2.6.3.zip是其最新的文件和图片什么的
最近使用Fckeditor控件 也只能说简单的使用
mypurse的专栏
09-02 70
最近在我们组中一个项目的开发的过程中应用户需求 ，用户需要发布公告。所以我尝试使用了开源控件Fck 其官方网站地址：http://ckeditor.com/download 最新的java版本是2.6的。我首先是在网上搜索了一通。当然想使用他，得正确的配置好他。 在这里配置的详细信息不多说，网上很多。 以下是我参考别人的blog进行相应修改和配置： http://student.csdn...
放松心情，思考作为技术人员的成长问题
Rachel Zhang的专栏
08-10 6487
明天就要回家了，今天放松一下心情，梳理心情日志。 作为程序员，我们往往很难把握情商和智商的度，至少我是这样，很容易活生生地迷失自我，其中的误区和偏见更是随着接触的人和事和代码的增长而日益积累，以下是几个常见问题，告诫自己谨记…… 1. 技术最大原则； 身为技术人员很
ASP.NET常见模块:在线文件管理模块的设计与开发
binyao02123202的专栏
08-21 1383
需要完整代码的见文章最下部的链接   在线文件管理模块功能及应用:     现代企业级开发中，在线文档管理是必不可少模块之一，本例所讲在线文档管理模块包括了文件上传到服务器上、文件浏览、重命名、移动、复制、删除、新建文件夹、压缩、解压缩、在线编辑等多种常用操作，适用于无纸化办公OA、ERP、CRM、项目管理、文件管理（网盘）、主机管理等多种场合。 在线文件管理模块特点:
基于PHP和YII框架技术的班级管理系统 | 饭饭博客
jimlong的专栏
12-02 9982
作者：饭饭   发布：2012-06-20 15:23   分类：PHP, YII   阅读：681 浏览数   1条评论   今天为大家奉上的是我的毕业论文:一款基于PHP和Yii框架技术的班级管理系统。虽然这样的系统已没有什么了新意，但是我的目的不是给大家带来新鲜感，而是和大家一起分享一下Yii技术。Yii框架是后起之秀，又是国外的框架，国内的源码很少，而Yii框架学习对
Web渗透技术及实战案例解析 PDF 分享
W2Share的博客
07-14 2823
链接：https://pan.baidu.com/s/1XsI2AemiPZH0UqFRfQZIjw           提取码：b9p1 相关推荐 WEB之困-现代WEB应用安全指南 黑客攻防技术宝典：系统实战篇(第2版) Android安全攻防权威指南 Python灰帽子 黑客与逆向工程师的P...
FckEditor 中文配置手册详细说明
10-29
首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来 说,这几乎是个很难解决的难题
FCKeditor 2.4.3详细使用方法
08-21
FCKeditor 2.4.3详细使用方法
FckEditor 配置手册中文教程详细说明
10-30
首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入 FCKEDITOR所需文件.对于其他在线编辑器来说,这几乎是个很难解决的难题,因为在开启编辑器时需要装载太多的文件.
FckEditor配置手册中文教程详细说明.doc
07-22
FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来说,这几乎是个很难解决的难题,因为在开启编辑器时需要装载太多的文件.比如CUTEEDITOR,虽然功能比FCKEDITOR还要强大,...
前18大旋转修整器企业占据全球87%的市场份额.docx
05-06
前18大旋转修整器企业占据全球87%的市场份额
Planet-SkySat-Imagery-Product-Specification-Jan2020.pdf
05-06
SKYSAT IMAGERY PRODUCT SPECIFICATION PLANET.COM VIDEO Full motion videos are collected between 30 and 120 seconds by a single camera from any of the active SkySats. Videos are collected using only the Panchromatic half of the camera, hence all videos are PAN only. Videos are packaged and delivered with a video mpeg-4 file, plus all image frames with accompanying video metadata and a frame index file (reference Product Types below)
Screenshot_20240506_133458_com.netease.yhtj.vivo.jpg
05-06
Screenshot_20240506_133458_com.netease.yhtj.vivo.jpg
2019年A~F题特等奖论文合集.pdf
最新发布
05-06
大学生，数学建模，美国大学生数学建模竞赛，MCM/ICM，历年美赛特等奖O奖论文
fckeditor 漏洞
04-28
FCKeditor是一个基于Web的富文本编辑器，广泛应用于许多网站。然而，FCKeditor也已经被证实存在一些漏洞，这些漏洞可能导致用户数据泄露、系统被攻击等问题。 一种有名的FCKeditor漏洞是文件上传漏洞。攻击者可以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值