关于KindEditor的使用

一、关于KindEditor

KindEditor是一套开源的HTML可视化编辑器，采用JavaScript编写，可以使用在Java、.NET、PHP、ASP程序中。

KindEditor源代码默认在LGPL开源协议下发布，可用于商业用途。

具体参见官方网站：http://www.kindsoft.net/

 

二、KindEditor源码结构

KindEditor最新版本是3.5.1，下载的压缩包大小为612K，解压缩后的文件大小为1.45M，主要包括以下文件：

源码包文件夹结构如下：

其中asp、asp.net、jsp、php四个文件夹为KindEditor在个程序中使用的代码说明；examples文件夹为KindEditor使用示例；attached文件夹为上传附件的文件夹；plugins为KindEditor的插件文件夹；skins为KindEditor的皮肤文件夹；KindEditor-min.js为压缩版本；KindEditor.js为程序主文件。

在程序中使用我们只需要一下文件即可。

三、KindEditor使用

1、将KindEditor文件夹文件添加到项目中

2、在页面中添加一个textarea控件，命名为content，在页面头部假如以下代码：

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

<s:textarea name="content" cols="100" rows="8"
                            cssStyle="width:700px;height:350px;visibility:hidden;"
                            required="true" />

主要是对文件的引用和控件的初始化，设定id为textarea控件的id即可。