使用编辑器KinderEditor

其他编辑器代码使用类似

1.把KinderEditor控件文件夹考入项目，

2.引用js和css文件，注意路径

    <link href="~/Content/tableStyle.css" rel="stylesheet" />

    <script src="/KinderEditor/kindeditor-min.js"></script>

    <link rel="stylesheet" href="/KinderEditor/themes/default/default.css" />

    <link rel="stylesheet" href="/KinderEditor/plugins/code/prettify.css" />

    <script charset="utf-8" src="/KinderEditor/kindeditor.js"></script>

    <script charset="utf-8" src="/KinderEditor/lang/zh_CN.js"></script>

    <script charset="utf-8" src="/KinderEditor/plugins/code/prettify.js"></script>

    <script src="~/Scripts/jquery-1.7.1.min.js"></script>

3.html代码和js代码：

  <textarea id="MsgContent" cols="100" rows="8" style="width: 500px; height: 200px;

                            visibility: hidden;" name="Msg"></textarea>

    <script type="text/javascript">

        KindEditor.ready(function (K) {

            var editor1 = K.create('#MsgContent', {

                cssPath: '/KinderEditor/plugins/code/prettify.css',

                uploadJson: '/KinderEditor/asp.net/upload_json.ashx',

                fileManagerJson: '/KinderEditor/asp.net/file_manager_json.ashx',

                allowFileManager: true,

                afterBlur: function () { this.sync(); },//注意这里（异步提交时需要同步）

                afterCreate: function () {

                    var self = this;

                   self.sync();//把富文本编辑器的内容放到  文本域里面去。

                  

                }

            });

            prettyPrint();//注意要调用该方法.

        });

</script>