KindEditor在线HTML文本编辑器在asp.net中的使用

weiledream 2012-08-31

展开全文

1. 下载编辑器

下载 KindEditor 最新版本，下载之后打开 examples/index.html 就可以看到演示。

下载页面: http://www./down.php

2. 部署编辑器

解压 kindeditor-x.x.x.zip 文件，将所有文件上传到您的网站程序目录里，例如：http://您的域名/editor/

Note

您可以根据需求删除以下目录后上传到服务器。

asp - ASP程序
asp.net - ASP.NET程序
php - PHP程序
jsp - JSP程序
examples - 演示文件

删除不要的文件夹后的效果：

3. 修改HTML页面

<head runat="server"> 
    <title>KindEditor ASP.NET文本编辑器</title> 
    <link href="themes/default/default.css" rel="stylesheet" type="text/css" /> 
    <link href="plugins/code/prettify.css" rel="stylesheet" type="text/css" /> 
    <script src="plugins/code/prettify.js" type="text/javascript"></script> 
    <script src="kindeditor.js" type="text/javascript"></script> 
    <script src="lang/zh_CN.js" type="text/javascript"></script> 
    <script type="text/javascript">         
        KindEditor.ready(function (K) { 
            var editor1 = K.create('#content1', { 
                cssPath: 'plugins/code/prettify.css', 
                uploadJson: 'asp.net/upload_json.ashx', 
                fileManagerJson: 'asp.net/file_manager_json.ashx', 
                allowFileManager: true, 
                afterCreate: function () { 
                    var self = this; 
                    K.ctrl(document, 13, function () { 
                        self.sync(); 
                        K('form[name=example]')[0].submit(); 
                    }); 
                    K.ctrl(self.edit.doc, 13, function () { 
                        self.sync(); 
                        K('form[name=example]')[0].submit(); 
                    }); 
                } 
            }); 
            prettyPrint(); 
        }); 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
        <textarea id="content1" cols="100" rows="8" 
            style="width:700px;height:200px;visibility:hidden;" runat="server" 
            enableviewstate="True"></textarea> 
    </form> 
</body>