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个功能,其他的等有需要再研究咯。

你可能感兴趣的:(jquery,编程,json,Google,Flash)