MVC中使用KindEditor

曾在一個論壇項目中，需要在mvc框架中使用KindEditor來編輯文章，由於當時也是剛接觸MVC框架，也很是頭疼。

后來經過多般努力，找到了適合自己的方法。

首先是利用 @Html.TextArea()來生命一個文本域，在通過JS腳本來將 KindEditor綁定到文本域上，同時也可以通過css樣式來控制編輯器的格式。

<script>
        KindEditor.ready(function (K) {
            var editor1 = K.create('#content1', {
                cssPath: 'editor/plugins/code/prettify.css',
                uploadJson: 'editor/asp.net/upload_json.ashx',
                fileManagerJson: 'editor/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>

 <td class="td2">
                @Html.TextArea("content1", new { Class = "www" })@*
                @Html.TextAreaFor(mod => mod.AModel.Loginformation, new { Class="www"})*@
                @Html.ValidationMessage("nullerror")
            </td>

  string textvalue = Request.Params["content1"].ToString();

 

到Controllers文件中使用Request.Params[].ToString();來取得編輯器的值。

同時Controllers文件中方法，在接收和使用編輯器的值時我們要用  [ValidateInput(false)]在定義當方法，因為VS在MVC中有嚴格的安全驗證，只有通過  [ValidateInput(false)]的定義才能使文本編輯器的值順利保存。