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

今天,需要一个简单的编辑器,找来找去还是感觉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] + '" />' ) ;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值