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

来源：互联网发布：数据标签是什么意思编辑：程序博客网时间：2024/05/01 09:28

1.下载页面: 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 id="Head1" 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>

　　运行后的页面效果：

4.取不到kindeditor 编辑器数据，直接取得textarea的value也无法取到怎么办？

在原代码基础上加一个函数editor.sync()函数即可通过后台Textbox1.Value="":即可获取

<script type="text/javascript" language="javascript">        KindEditor.ready(function (K) {            var editor1 = K.create('#NewsContent', {                cssPath: 'kindeditor/plugins/code/prettify.css',                uploadJson: '../../Handler/Upload.ashx',                fileManagerJson: '../../Handler/FileManager.ashx',                allowFileManager: true,                afterCreate: function () {                    var self = this;                    K.ctrl(document, 13, function () {                        self.sync();                        K('form[name=formCreateDocument]')[0].submit();                    });                    K.ctrl(self.edit.doc, 13, function () {                        self.sync();                        K('form[name=formCreateDocument]')[0].submit();                    });                    $('#lbtnSubmit').click(function () {                        self.sync();                    });                }            });            prettyPrint();        });    </script>

0 0