fckeditor2.6总结

最新推荐文章于 2018-11-12 10:10:07 发布
最新推荐文章于 2018-11-12 10:10:07 发布
阅读量627 收藏
点赞数
文章标签： fckeditor file servlet upload jar function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/arthurzil/article/details/6460266
版权

前一段做项目时遇到的一些问题,简单的总结一下,针对那些很简单或网上很容易找到答案的就不说了,没啥意思.

 

一、     文件部署

1、     Fckeditor目录拷贝到工程下的WebContent根下

2、     fckeditor.properties拷贝到工程的src根下

3、     如下六个jar包放入lib目录下：

commons-fileupload-1.2.1.jar
 commons-io-1.3.2.jar
 imageinfo-1.9.jar

java-core-2.6.jar

slf4j-simple-1.5.8.jar
slf4j-api-1.5.8.jar

二、     系统文件配置

1、     如下内容加入web.xml中

<servlet>

      <servlet-name>ConnectorServlet</servlet-name>

      <servlet-class>net.fckeditor.connector.ConnectorServlet </servlet-class>

           <load-on-startup>1</load-on-startup>

</servlet>

      <servlet-mapping>

           <servlet-name>ConnectorServlet</servlet-name>

      <url-pattern>/fckeditor/editor/filemanager/connectors/*</url-pattern>

      </servlet-mapping>

三、     页面引用

1、引入相应标签，还有另外两种引入方式，此处不做介绍，有感兴趣的自己查去！

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.fckeditor.net/" prefix="FCK"%>

<html>
  <head>
    <title>测试页面</title>
  </head>
  <body>
    This is my JSP page. <br>
     <FCK:editor instanceName="myEditor" basePath="/fckeditor" value=" "></FCK:editor>
  </body>
</html>

 

四、     对该编辑器进行的一些常规修改

1、     自定义ToolbarSet，去掉一些功能按钮

fckconfig.js中FCKConfig.ToolbarSets项中将没用的去掉，每一个字符串代表着一个按钮，如‘Source’就对应工具栏的源代码按钮。

2、     加上几种常用的字体
  FCKConfig.FontNames 为引用的字体
  FCKConfig.FontNames = '宋体;楷体_GB2312;黑体;隶书;Time New Roman;Arial';
 3、对上传图片的一些限制

上传图片大小限制：Dispatcher.java中增加如下代码：我的文件大小限制写在了配置文件中，可做参考。doPost函数的进行判断为0或小于0或非数字时不做判断。同时在fckeditor.properties中增加fckeditor.uploadImgSize = 0键值。我是为了改起来方便，按本来的想法是要写在default.properties中并封入JAR包的。

//取得上传图片文件大小的控制值

                 int imgsize = 0;

                 if(PropertiesLoader.getProperty("fckeditor.uploadImgSize")!=null&&

                            PropertiesLoader.getProperty("fckeditor.uploadImgSize").matches("//d*")){

                  imgsize = Integer.parseInt(PropertiesLoader.getProperty("fckeditor.uploadImgSize"));

                 }

                if(imgsize>0&&uplFile.getSize()> imgsize * 1024) {

                    uploadResponse = UploadResponse.getInvalidFileMaxSizeError();

代码要贴就贴全了，省得挨骂，可以仿文件类型验证的处理方法再写一个对文件大小的验证方法，代码如下：

public static UploadResponse getInvalidFileMaxSizeError() {

           LocalizedMessages lm = LocalizedMessages.getInstance(ThreadLocalData

                      .getRequest());

           return new UploadResponse(EN_INVALID_FILE_MAXSIZE_ERROR, lm

                      .getInvalidFileMaxSizeSpecified());

      }

//错误号，网上很多都用这个，原因就是顺着错误的顺序写，正好就是204了。

public static final int EN_INVALID_FILE_MAXSIZE_ERROR = 204;

public String getInvalidFileMaxSizeSpecified() {

           return getMessage("connector.fileUpload.invalid_file_maxsize_specified"); //$NON-NLS-1$

      }

connector.fileUpload.invalid_file_maxsize_specified = the upload file too large

代码完事了，下面就是页面的处理。如下：

frmupload.html中

case 202 :

                 alert( 'Invalid file' ) ;

                 break ;

case 204 :

               alert( "您的图片大小超过了限制!" );

break;

 

对上传图片尺寸的限定设置：

fck_image.js中function Ok()函数里增加如下代码：

//限制宽度开始

         if(!(GetE('txtWidth').value>0||GetE('txtWidth').value<750)) 

          {

                window.parent.SetSelectedTab( 'Info' ) ;

                alert('图片的宽度范围为0--750,请重新输入')  ;

            　　　GetE('txtWidth').value='';

                GetE('txtWidth').focus() ;

                return false;

           }

          if(GetE('txtWidth').value.length==0)

          {

                 window.parent.SetSelectedTab( 'Info' ) ;

                 GetE('txtWidth').focus();

            alert( '请输入图像宽度,图像宽度不能超过750' ) ;

              return false ;

           }  

           

           if(GetE('txtWidth').value>750)

           {

                window.parent.SetSelectedTab( 'Info' ) ;

                alert('图片的宽度不能超过750，请重新输入')  ;

                GetE('txtWidth').value='';

                GetE('txtWidth').focus() ;

                return false;

           }

           if(GetE('txtWidth').value<0)

           {

                window.parent.SetSelectedTab( 'Info' ) ;

                alert('图片的宽度不能为负,请重新输入')  ;

            　　　GetE('txtWidth').value='';

                GetE('txtWidth').focus() ;

                return false;

           }

           if(GetE('txtHeight').value<0)

           {

                window.parent.SetSelectedTab( 'Info' ) ;

                alert('图片的高度不能为负,请重新输入')  ;

            　　　GetE('txtHeight').value='';

                GetE('txtHeight').focus() ;

                return false;

           }

         //限制宽度结束

 

arthurzil
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
FCKeditor2.6学习总结
^^*飞*^^
04-25 438
1、FCK的各种属性：   var FCKeditor = function( instanceName, width, height, toolbarSet, value ); 其中instanceName属性为编辑器输出的textarea元素的name属性值，必须指定。 参数会赋给同名属性。 2、以JavaScript方式引用FCKeditor有两种常用方式： 《1》先引人...
fckeditor2.6.6精简版
12-22
如何配置: 基本的比如路径、toolbar等这些东西网上很多，我就不写了~主要说下对已上传文件管理部分的配置。 1.首先打开包中editor/filemanager/connectors/php目录下的config.php文件，有如下部分： view source print? 1 $Config['MysqlHost'] = 'localhost'; 2 $Config['MysqlUserName'] = 'root'; 3 $Config['MysqlPW'] = ''; 4 $Config['MysqlDBName'] = 'test'; 5 $Config['TableName'] = 'attachments'; 6 $Config['OwnerVarType'] = 'COOKIE'; //only SESSION or COOKIE 7 $Config['OwnerVarName'] = 'ownerid'; 相信大家一看都知道是什么些了吧~这里说下后三个是什么东东~ view source print? 1 $Config['TableName'] //在数据库中附件表的表名 view source print? 1 $Config['OwnerVarType'] 2 $Config['OwnerVarName'] 这两个是一起的。因为我们写的文章都要有一个ID，也就是唯一标志的~这里通过这两个设置告诉fck在php中哪个变量是当前编辑文章的ID。 $Config['OwnerVarType']只能设置为COOKIE或SESSION，表示文章ID是存在COOKIE中的还是SESSION中的。这里建议大家用SESSION，因为COOKIE的话，可能存在一个cookie欺骗哦~ $Config['OwnerVarName']表示你设置的COOKIE或者SESSION的变量名字。比如你存的是$_COOKIE['ownerid']。那么，就是上面的默认设置。 view source print? 1 $Config['AllowedExtensions']['File'] 2 $Config['AllowedExtensions']['Image'] 3 $Config['AllowedExtensions']['Flash'] 这三个变量是设置你允许上传的文件类型，和已上传文件管理功能也密切相关的哈~ 2.设置好上面的文件以及fck的基本设置之后，请首先运行editor/filemanager/connectors/php目录下的create_db_table.php文件，确保附件表已经创建。 3.enjoy it~ 如果有bug，或不能正常使用，欢迎指正哈~
FCKeditor2.6老版本
12-31
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。 版本为2.6
FCKeditor 2.6.6 可直接使用
07-19
比起ckeditor编辑器，还是觉得这个好用，可直接复制到自己的项目上去使用，使用文档里有使用指南！
fckeditor 2.6 使用总结
一点一滴
05-19 257
最近写个blog 用java用到了富文本编辑器，本来是用xheditor但是发现上传图片实在是麻烦。还是改用fckeditor。 直接来步骤： 1、下载地址https://sourceforge.net/projects/fckeditor/files/FCKeditor.Java/2.6/       直接下载这两个fckeditor-java-demo-2.6.war  ，fckedit...
如何在FCKeditor 2.6中添加插入视频和音频功能
03-24
总结，添加视频和音频功能到FCKeditor 2.6涉及到创建新插件、设计交互对话框、编写处理代码、配置编辑器以及进行充分的测试。这一过程需要对HTML、JavaScript以及FCKeditor的架构有深入的理解，但完成后将极大地提升...
FCKeditor 2.6
10-06
**FCKeditor 2.6：一款强大的在线文本编辑器** FCKeditor 2.6是一款广泛应用于网页开发中的开源富文本编辑器，它为用户提供了一个类似Microsoft Word的界面，使得在网页上编辑内容变得简单易行。这款编辑器以其功能...
Fckeditor2.6.4.1配置[参照].pdf
10-11
### Fckeditor2.6.4.1配置详解 #### 一、概述 FCKeditor（现更名为CKEditor）是一款强大的富文本编辑器，被广泛应用于Web应用中，以提供所见即所得（WYSIWYG）的编辑体验。本文将详细介绍Fckeditor2.6.4.1版本的...
FCKeditor 2.6中添加插入视频和音频功能
03-16
总结，要在FCKeditor 2.6中添加插入视频和音频的功能，你需要编写一个JavaScript插件，设计一个HTML界面，定义CSS样式，准备图像资源，利用JavaScript库进行交互，处理语言翻译，可能还需要实现文件上传功能。...
fckeditor 2.6 带media插件
03-08
**FCKeditor 2.6 with Media Plugin** FCKeditor是一款知名的开源富文本编辑器，广泛应用于Web开发中，允许用户在网页上编辑HTML内容。版本2.6是该编辑器的一个经典版本，提供了丰富的功能和良好的兼容性。在这个...
fckeditor2.6.1在线编辑器
06-17
fckeditor在线编辑器
fckeditor2.6使用心得
iteye_19622的博客
05-10 163
本文的内容大纲是： 1. 在web中配置应用Fck； 2. 用Fck自带Api做非空验证； 3. 修改文件上传的保存路径； 4. 对文件上传做大小控制； [b]一. 配置和应用[/b] 去官网上下载fckeditor-java-demo-2.6.rar，里面有我们需要的所有js和用于文件上传的java包。 （1）新建一工程，在webroot下建一文件夹起名为js，把fckedit...
FCKeditor 2.6 精简版
雨林
08-04 960
来自：http://www.sablog.net/blog/fckeditor-26-lite-one/ 该版本基于 fckeditor 2.6 修改，旨在提高加载速度，删除不常用的功能，达到精简和优化的目的。 演示地址:http://www.sablog.net/blog/include/editor/ 本次修改是基于源代码精简和优化再重新编译，保证功能正常的情况下，确保不残留任何垃圾、无...
fckeditor 2 6 4 任意文件上传漏洞
ytfhjhv的博客
11-12 6400
fckeditor 2 6 4 任意文件上传漏洞
fceditor PHP版的配置
fish
10-22 945
FCKeditor2.6配置说明1、默认语言打开fckconfig.js文件（相对FCKeditor文件夹，以下同），把自动检测语言改为不检测，把默认语言改为简体中文：程序代码FCKConfig.AutoDetectLanguage    = false ;FCKConfig.DefaultLanguage        = zh-cn ;2、字体列表打开fckconfig.js文
fckeditor <= 2.6.4 任意文件上传漏洞
weixin_30640291的博客
01-06 988
<?error_reporting(0);set_time_limit(0);ini_set("default_socket_timeout", 5);define(STDIN, fopen("php://stdin", "r"));$match = array();function http_send($host, $packet){$sock = fsockopen($host, 80)...
网上搜的2.6FCKEDITOR的配置及一些修改
weixin_30411997的博客
03-04 106
一、下载 1、首先去官网下载FCKeditor2.6.6 多国语言版（可以搜索“FCKeditor 2.6.6, released on 15 February 2010”）。下载地址： http://ckeditor.com/download。 二、精简 按照如下步骤删除其中一些不需要的测试文件： 1.只保留/fckeditor/目录下的fckconfig.js（配置文件）、fckedi...
FCKeditor深度使用教程
"fckeditor使用指南.pdf" FCKeditor是一款经典的开源富文本编辑器，它提供了丰富的文本编辑功能，包括插入图像、创建链接、格式化文本等。本指南详细介绍了FCKeditor的下载、安装、配置以及使用方法，适用于网页...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值