关于在线编辑器的学习

最经正在写一个论坛的项目，由于需要发图片和视频，就想到了在线编辑器。其实以前早就听说过这玩意了，只是因为自己懒，就没怎么了解过它。现在用它也是迫与无赖啊····做不好要被老师骂的。。在这里我就简单说下几天的时间学习和应用在线编辑器的过程。

首先是听说ckeditor是用的最广泛的编辑器，当然首选是它啦。于是就下了一个，确实不小，解压之后6M，都快比我项目大了。经过百度，google，以及网上的各种大牛指导，对ck有了点了解，知道基本的配置和修改。但是后来发现，ckeditor的传图片和视频的功能确实不是很好用。使我又处于深深的郁闷中····接下来怎么办呢？当然要请教网上的大牛咯。于是经过大牛的介绍，知道了还有UEditor和KindEditor这两种在线编辑器。好！有了方向就要继续学习···

接下来弄了个UEditor，没想到这个东西比ckeditor还要大点，而且最让我郁闷的是在网上用演示案例的时候上传图片是这样的

当我下载下来用的时候上传图片的按钮就没了，太扯了！！，RP问题？？？

找了半天没解决（如果有哪位大牛看来知道的话，我洗耳恭听。）    那就算了吧····还有个KindEditor没用呢

我就把所有的希望都集中在KindEditor上了，不过它也确实没让我失望。哈哈

这个东西确实很小，才不到1M。下好之后开始自学····

首先是引用

 KindEditor.ready(function(K) {
                editor = K.create('textarea[name="cont"]');
        });搞定。

接下了编辑器上没有的按钮太多，删！！！

到kingeditor.js下找到K.options项目，里面的items就是编辑器的所有按钮，由于我主要功能是能发视频和图片所有我就留了

items : [
         'fontsize', 'image','media','emoticons'
    ]           

这几项。当然上传图片的后台功能还是要你自己实现的，不过KindEditor很人性化，给你写个各种版本的上传操作JSP，PHP·····满足你挑剔的胃口。

不过我不想用，所以就自己写了个。KingEditor默认的上传图片后台处理是“php/upload_json.php”文件，你要用自己的话需要修改。可以在引用KindEditor的页面上改

KindEditor.ready(function(K) {
            var editor1 = K.create('textarea[name="content1"]', {
                uploadJson : '上传处理的URL'
            });
        });

也可以直接到image/image.js中改，我比较喜欢再js文件中改，因为这里面可以自己加很多判断，限制你传图片的格式，最主要的是它代码比较清晰，看着舒服。

发视频的时候由于要判断视频URL是不是有效的ULR，因此可以在media/media.js中加些正则表达式的判断，利于人机交互。

zh_CN.js中是KindEditor在浏览器上显示的提示信息，里面有很多字串都是在进行验证的时候弹出的对话框中字串，可以直接用。

KindEditor我最喜欢的就是他的文件夹和代码简洁（基本上把它的js代码看了一大半），不用指导就能自己定制，知道哪些文件夹可以删。比如我做的这个东西，最后plugins下面只留下了emoticons(表情)，image(图片)，lineheight(加粗)，media(视频)这四个，同时也删除了其他文件夹，这样文件目录看着就比较清爽。

所以，自我感觉比ckeditor和UEditor好用些···

第一次写东西，写了下这几天学习的过程和心得。