KindEditor编辑器的使用

下载地址：http://www.kindsoft.net/down.php，版本用的是kindeditor-4.1.5.zip，使用的开发平台是rails3

_editor.rhtml页面代码

<script charset="utf-8"src="/kindeditor/kindeditor.js"></script>

<script charset="utf-8"src="/kindeditor/lang/zh_CN.js"></script>

<script>

 var editor;

 KindEditor.ready(function(K) {

    editor = K.create('#<%=id%>', {

         resizeType : 1,

         width:"<%= width%>px",

         height:"<%= height%>px",

         imageSizeLimit:"4MB",

         items:[

              'undo', 'redo', '|', 'fontname','fontsize', '|', 'forecolor', 'hilitecolor', 'bold',

             'italic', 'underline',  '|', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',

             'justifyfull','insertorderedlist', 'insertunorderedlist', '|', 'quickformat', 'removeformat','|',

              'image', 'multiimage',

             'media','table', 'emoticons','link'

         ],

         uploadJson : '/articles/upload_image',

         afterCreate : function() {

             var self = this;

             K.ctrl(document, 13, function() {

                 self.sync();

                K('form[name=Form1]')[0].submit();

             });

             K.ctrl(self.edit.doc, 13,function() {

                 self.sync();

                K('form[name=Form1]')[0].submit();

             });

        },

         afterBlur: function(){this.sync();}

    });

 });

 function get_content()

 {

   return editor.html();

 }

 function set_content(html)

 {

     editor.html(html);

 }

</script>

注意的地方：

uploadJson : '/articles/upload_image'   这个是上传得文件（包括图片、视频、其它合法文件的上传action)

imageSizeLimit:"4MB",表示图片的限制大小

在其它页面的调用方法

<%=render "editor",:id=>"article_article_content",:width=>800,:height=>400%>

hanwenyu