`

FCKeditor的配置,上传文件的文件名乱码和目录的设定,加入兔斯基表情

    博客分类:
  • php
阅读更多

今天,需要一个简单的编辑器,找来找去还是感觉FCKeditor比较完美。
但是感觉有点庞大,Nothing,去定制看看

一、简单模式定制
默认的Toolbar=Default,图标太多了
Toolbar=Basic是基本模式,这时候图标非常少,但是少了文件上传

那就在Basic里面的后面帮助去掉,加入图片上传、表情、字体大小、字体颜色
修改fckeditor/fckconfig.js,修改Basic的工具栏
FCKConfig.ToolbarSets["Basic"] = [
    ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','Image','Smiley','-','FontSize','TextColor']
] ;
搞定!

二、文件上传
遇到了几个问题
1、在点击图片按钮后,出现浏览服务器这个,有很大的危险性。
那就关掉,将fckeditor/fckconfig.js中的FCKConfig.ImageBrowser = true; 改成false

2、上传中文文件名的文件是乱码
修改/fckeditor/editor/filemanager/connectors/php/commands.php
大约在 183行下方加入
// {{ add by panzhiqi
$sFileName = time().mt_rand().'.'.$sExtension;
// }}
总之须在获得到文件扩展名($sExtension)之后

3、上传文件分目录
所有用户将文件上传到同一个目录会很大很多,管理起来太混乱
修改/fckeditor/editor/filemanager/connectors/php/config.php
将$Config['UserFilesPath'] = '/userfiles/' ;
修改成
// {{ add by panzhiqi
$Config['UserFilesPath'] = '/upload/userfiles/' . date('Ym') . '/';
// }}
我这是按照日期分目录了,如果要按照用户来分目录,将 date('Ym') 替换成用户ID(从cookie或者session中将用户ID取出)

三、表情管理
FCKeditor自带的MSN表情太单一了,想更换一下
1、表情换成兔斯基的,哈
修改fckeditor/fckconfig.js
FCKConfig.SmileyPath    = '/smiley/tsj/' ;
FCKConfig.SmileyImages    = ['1.gif','2.gif','3.gif','4.gif','5.gif','6.gif','7.gif','8.gif','9.gif','10.gif','11.gif','12.gif','13.gif','14.gif','15.gif',.....'40.gif'] ;
将40个兔斯基表情放入,即可,如果没有一样大的兔斯基表情,可以用迅雷去百度个人博客中批量下载
http://img.baidu.com/hi/tsj/t_0001.gif 到 http://img.baidu.com/hi/tsj/t_0040.gif

然后将文件名放入/smiley/tsj/中,依次改成 1-40.gif(写个php改一下,规则是t_0001.gif 改成1,当然是取出0001然后强制转换成整型,然后rename一下)

2、鼠标放到表情上出现表情名名称(又进了一步)
修改fckeditor/fckconfig.js
在FCKConfig.SmileyImages下加入表情名称数组
FCKConfig.SmileyImagesInfo = ['Kiss','Love','Yeah','啊!','背扭','顶','抖胸','88','汗','瞌睡','鲁拉','拍砖','揉脸','生日快乐','摊手','睡觉','瘫坐','无聊','星星闪','旋转','也不行','郁闷','正Music','抓墙','撞墙至死','歪头','戳眼','飘过','互相拍砖','砍死你','扔桌子','少林寺','什么?','转头','我爱牛奶','我踢','摇晃','晕厥','在笼子里','震荡'];

然后修改生成表情页面的JS
/fckeditor/editor/dialog/fck_smiley.html

Line:84
var aImages        = FCKConfig.SmileyImages ;
下加入
// {{ add by panzhiqi
var aImagesInfo = FCKConfig.SmileyImagesInfo ;
// }}

修改
Line:101
[removed]( '<img src="' + sUrl + '" border="0" />' ) ;
修改加入alt 和 title
[removed]( '<img src="' + sUrl + '" border="0" alt="' + aImagesInfo[i] + '" title="' + aImagesInfo[i] + '" />' ) ;

分享到:
评论

相关推荐

    fck实现文件上传并自定文件名和按日期存放位置

    总的来说,实现FCKeditor的文件上传自定义命名和按日期存放位置,需要结合客户端(FCKeditor配置)和服务器端(处理上传请求的代码)两部分工作。通过这样的定制,我们可以构建出更符合业务需求和用户习惯的文件上传...

    FCKeditor解决了中文乱码,上传等问题

    它支持多种类型的文件,包括图像、文档、音频和视频等,并且可以设定上传大小限制和文件类型过滤规则,以确保安全性和合规性。上传过程中,FCKeditor会自动处理文件的命名冲突,同时提供了预览和删除功能,方便用户...

    Fckeditor2.64版解决了上传和文件名问题

    Fckeditor2.64版解决了上传和文件名问题,设置虚拟目录的也没影响,只要把Fckeditor\editor\filemanager\connectors\asp目录下配置文件config.asp打开修改ConfigUserFilesPath = "/upload/"部分改成...

    FCKeditor文件上传漏洞及利用-File-Upload-Vulnerability-in-FCKEditor1

    【FCKeditor文件上传漏洞及利用 - File-Upload-Vulnerability-in-FCKEditor1】 本文主要探讨了FCKeditor(现称为CKeditor)中的PHP文件上传模块存在的安全漏洞,允许攻击者绕过文件类型检查,将恶意PHP代码上传到...

    fckeditor文本编辑 实现了上传大小控制 中文名问题 格式控制等

    通过调整配置和使用提供的API,我们可以轻松地实现文件上传大小控制、处理中文文件名和格式控制,从而提高用户体验并保持服务器稳定运行。在`TestFKBEdit`这个测试项目中,你可以看到这些功能的具体实现和使用示例。

    fckeditor编辑器上传文件(含视频音频)详细配置

    实际上,需要对FCKeditor编辑器文件组中的通用配置文件/fckconfig.js和ASP.NET专用文件上传管理代码文件/editor/filemanager/connectors/aspx/config.ascx进行配置。 1. 配置控件语言 FCKeditor是自动探测浏览器所...

    FCKeditor配置for java

    解压后,你会得到一个包含各种文件和目录的文件夹,如`fckeditor`,其中包含了编辑器的核心文件、样例、语言包以及所需的JavaScript库。 2. **添加到项目** 将解压后的`fckeditor`文件夹复制到你的Java Web项目的...

    FCKeditor ssh2项目 jar包配置页面文件

    此文件通常位于项目的`src/main/resources`目录下,用于配置FCKeditor的一些默认属性,例如服务器URL、文件上传路径等。例如: ``` fckeditor.basePath = /fckeditor/ fckeditor.filebrowserBrowseUrl = /fckeditor...

    asp.net FCKeditor 配置例子

    6. **UploadFiles**: 这个文件夹可能是FCKeditor配置的上传文件目录,用户通过FCKeditor上传的图片或其他文件会保存在这个目录下。 7. **Bin**: 这个文件夹包含编译后的ASP.NET类库文件(DLLs)。如果FCKeditor没有...

    为fckeditor添加多文件批量上传组件

    2. **集成组件**:将所选的上传组件的JavaScript和CSS文件引入到FCKeditor的页面中。确保它们与FCKeditor的样式和脚本兼容,并且不会冲突。 3. **创建上传按钮**:在FCKeditor的工具栏中添加一个用于触发批量上传的...

    asp fckeditor自定义上传文件的文件名

    在FCKEditor的安装目录下,有一个专门负责文件上传的文件夹,通常路径是: ``` fckeditor/editor/filemanager/connectors/asp ``` 在这个文件夹中,会找到一个名为`commands.asp`的文件,这个文件包含了处理文件...

    FCKeditor添加FLV视频和上传文件自动更名

    FCKeditor(jsp版本)目录文件,FCKeditor.jar包,增加FCKeditor添加FLV视频功能和FCKeditor上传文件自动更名功能 1.修正了上传中文文件乱码的问题,上传之后会重命名文件 2.修正了不能上传FLV视频的问题

    fckeditor上传文件绝对路径设置方法

    在使用FCKEditor这款强大的富文本编辑器时,有时我们需要自定义上传文件的路径,使其成为绝对路径,以便更好地管理和访问资源。FCKEditor默认情况下,上传文件的路径通常是相对路径,这可能在多服务器环境或者需要...

    FCKeditor配置方法

    最后,解决上传文件时可能出现的错误,如“服务器没有返回正确的XML...”,这通常是因为服务器端的配置问题,确保你的服务器配置支持FCKeditor所需的文件上传功能,并正确设置了相应的MIME类型。 总之,FCKeditor的...

    ASP.NET下FCKeditor配置方法全解

    下载完成后,解压文件到本地,通常会得到一个包含多个文件夹和文件的结构,其中包括JavaScript文件、CSS样式表、图片资源以及示例文件。 第一步是将FCKeditor的文件夹复制到你的ASP.NET项目的适当位置,比如放在...

    fckeditor(java版-解决中文附件名称乱码问题)

    2. **FCKeditor配置**:FCKeditor的配置文件中,可能存在对字符编码的设定。例如,上传设置可能需要指定正确的编码格式,以确保接收中文附件名称时不出现乱码。 3. **HTTP上传协议**:当通过FCKeditor上传文件时,...

    fckeditor java经典配置使用demo

    fckeditor 2.6.3的完整实例,maven依赖管理,自定义配置文件引用,自定义工具栏,自定义表情,自定义模板,中文文件名乱码处理,中文文件夹创建乱码处理,中文图片名引用乱码处理,上传文件名自定义,fckeditor在...

    FCKEditor for ASP有详细的教程和乱码解决方法

    FCKEditor是一款强大的开源Web...通过合理的配置和处理,我们可以顺利地在GBK编码环境下使用FCKEditor,避免乱码现象的发生。对于初学者,提供的教程将是一个很好的学习资源,帮助快速掌握FCKEditor的使用和配置技巧。

Global site tag (gtag.js) - Google Analytics