KindEditor 在线编辑器

本文主要是介绍KindEditor 在线编辑器，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

地址 http://www.kindsoft.net/index.php

调用

1. 下载KindEditor最新版本。打开下载页面
2. 解压zip文件，将所有文件上传到您的网站程序目录下。例如：http://您的域名/editor/
3. 要显示编辑器的位置添加TEXTAREA输入框。
   注：id必须指定唯一值，还有有些浏览器上不设宽度和高度可能显示有问题，所以最好设一下宽度和高度。宽度和高度可用inline样式设置，也可用编辑器属性传进去。

   <
   textarea
    
   id
   =
   "your_editor_id"
    
   name
   =
   "content"
    
   cols
   =
   "100"
    
   rows
   =
   "8"
    
   style
   =
   "
   width:700px;height:300px;
   "
   ></
   textarea
   >
   
   
   
   

4. 该页面添加以下代码。

   <
   script
    
   charset
   =
   "utf-8"
    
   src
   =
   "/editor/kindeditor.js"
   ></
   script
   >
   
   
   
   <
   script
   >
   
   
   KE
   .
   show
   ({
   
   
   id 
   :
    
   'your_editor_id'
   
   
   
   });
   
   
   
   </
   script
   >
   
   
   
   

   除id之外还可以设置其它的属性，具体属性请参考编辑器属性 。

asp调用实例：

<script type="text/javascript" charset="utf-8" src="../kindeditor.js"></script>
    <script type="text/javascript">
        KE.show({
            id : 'content1',
            imageUploadJson : '../../asp/upload_json.asp',
            fileManagerJson : '../../asp/file_manager_json.asp',
            allowFileManager : true,
            afterCreate : function(id) {
                KE.event.ctrl(document, 13, function() {
                    KE.util.setData(id);
                    document.forms['example'].submit();
                });
                KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {
                    KE.util.setData(id);
                    document.forms['example'].submit();
                });
            }
        });
    </script>

这篇关于KindEditor 在线编辑器的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---