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

最新推荐文章于 2025-09-04 15:29:44 发布

转载最新推荐文章于 2025-09-04 15:29:44 发布 · 117 阅读

文章标签：

#php #javascript #ViewUI

1. 下载编辑器

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

下载页面: http://www.kindsoft.net/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>

　　运行后的页面效果：