jquery cleditor 中文版 加了下拉功能

老早用的编辑器是fckeditor，功能很全，但是很庞大，加载的东西太多，并且有很多东西，我们并不需要。所以我推荐一个比较不错的编辑器cleditor，是jquery的插件，非常的小，加载完差不多10K。简单的改了一下，主菜单支持中文.

      $(document).ready(function() {

        //要显示编辑器菜单
        var menu = "bold italic underline | font size " +
        "style | color highlight removeformat | bullets numbering | outdent " +
        "indent | alignleft center alignright justify | undo redo | " +
        "rule link unlink | cut copy paste pastetext | print source";

        //设置编辑器的高与宽
        $("#input").cleditor({ width:800,height:300,controls:menu})[0].focus();

        //下拉和上拉
        $("#button").bind("click",function(){
            height = $(".cleditorMain").css("height");
            f_height = $("iframe").css("height");
            new_height = parseInt(height.substring(0,height.length-2))+50;
            h_iframe = parseInt(f_height.substring(0,f_height.length-2))+50;
            //alert(h_iframe);
            $(".cleditorMain").css("height",new_height+"px");
            $("iframe").css("height",h_iframe+"px");
        });

        $("#button1").bind("click",function(){
            height = $(".cleditorMain").css("height");
            f_height = $("iframe").css("height");
            new_height = parseInt(height.substring(0,height.length-2))-50;
            h_iframe = parseInt(f_height.substring(0,f_height.length-2))-50;
            $(".cleditorMain").css("height",new_height+"px");
            $("iframe").css("height",h_iframe+"px");
        });
      });

这个插件兼容的浏览多，并且很小。

cleditor

从上图可以看出，去掉jquery.min，所有加载也只有10KB.

demo地址：http://blog.51yip.com/demo/cleditor/