FCK3.5替换表情和设置工具栏

上周五因为项目中需要用到文本编辑器,就选了比较出名的FCK ,去官方下载最新的3.5 。
很早很早以前用过这玩意,但当时只是在学习编程的时候,而且只是简单的调用,其他啥都没干。。现在再来使用这东西,已经完全不记得怎么使用了,没办法,只好看了一下官方提供的DEMO,尝试着使用了。
还好,demo不复杂,看了下效果,大致就明白了。因为这次算是正式的第一次使用,对这玩意不太了解,不敢乱来,所以只是简单的替换了一下自带的表情以及研究了一下怎么设置toolbar 。
1、替换自带的表情:
这里要说一下,FCK的toolbar都是以插件的形式来加入的,插件是放在plugins这个文件夹下,所以表情也不例外,地址是:plugins\smiley\images 这个文件夹中。
a、把做好的图片都丢到这个文件夹中
b、在FCK的根目录找到ckeditor.js(之前的版本好像文件名不叫这个)文件,打开,找到里面的 smiley_images 变量,该变量是数组,在里面加上自己的表情的名字就OK啦。然后smiley_descriptions这个数组变量,则是表情的描述,可写可不写。。
PS: 官方自带的表情的size是 20*20 ,刚好我这次项目的表情也是20*20 ,如果图片不是20*20的,就要做一些其他的设置啦。这个设置没研究,不会,不过上网google一下应该是有的。。

2、选择我们需要的toolbar
根据官方的DEMO,我选择了JQUERY的方式选择tool,代码如下:
$(function(){
//begin
var config = {
toolbar:
[
['Styles','-','Format','-','Font','-','Bold', 'Italic', '-','Smiley','-','Image','-','Flash','-','Table']
]
}; //end 这个config就是我们对FCK的一些设置,采用JSON的形式,而toolbar就是设置tool了,里面的值不细说了,自己去查吧,"-"的作用只是为了分块的可写可不写,效果自己写一个demo就知道啦。
$('textarea').ckeditor(config); //这个就是创建FCK了
});

这次项目,FCK暂时只使用到以上2个功能,其他的等有需要再研究咯。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值