作開發真的是會遇到各類問題,若是不親自嘗試,不動手,很難發現問題。javascript
下面咱們說下在MVC中的用法html
1,首先引入js文件java
<script type="text/javascript" src='@Url.Content("~/Content/editor/kindeditor-min.js")'></script> <script type="text/javascript" src='@Url.Content("~/Content/editor/lang/zh_CN.js")'></script>
var editor; //
KindEditor.ready(function (K) {
editor = K.create('#Content', { filterMode: true,
uploadJson: '@Url.Content("~/Content/editor/asp.net/upload_json.ashx")',
fileManagerJson: '@Url.Content("~/Contenteditor/asp.net/file_manager_json.ashx")',
afterBlur: function () { editor.sync(); },//MVC中不加這句取不到值
allowFileManager: true
}); //建立在線編輯器
});
2,前臺頁面代碼json
3,後臺頁面代碼asp.net
[HttpPost]
[ValidateInput(false)]若沒有此行代碼,會報錯
public virtual ActionResult EditDocument(DocumentModel documentModel)
{
if (ModelState.IsValid)
{
documentModel.Content = documentModel.Content.HtmlDecode().ToLegalContentHtml();
}
return View("EditDocument", documentModel);
}
afterBlur: function () { editor.sync(); },這一行代碼。 那麼這個 this.sync(); 函數是幹嗎的呢?簡單的說:這個函數就是同步KindEditor的值到textarea文本框。 官方解釋: sync() 將編輯器的內容設置到原來的textarea控件裏。 參數: 無 返回: KEditor 地址:http://www.kindsoft.net/docs/editor.html#sync
文件包下載編輯器