zoukankan      html  css  js  c++  java
  • MVC中使用KindEditor

    曾在一个论坛项目中,需要在mvc框架中使用KindEditor来编辑文章,由于当时也是刚接触MVC框架,也很是头疼。

    后来经过多般努力,找到了适合自己的方法。

    首先是利用 @Html.TextArea()来生命一个文本域,在通过JS脚本来将 KindEditor绑定到文本域上,同时也可以通过css样式来控制编辑器的格式。

     1 <script>
     2         KindEditor.ready(function (K) {
     3             var editor1 = K.create('#content1', {
     4                 cssPath: 'editor/plugins/code/prettify.css',
     5                 uploadJson: 'editor/asp.net/upload_json.ashx',
     6                 fileManagerJson: 'editor/asp.net/file_manager_json.ashx',
     7                 allowFileManager: true,
     8                 afterCreate: function () {
     9                     var self = this;
    10                     K.ctrl(document, 13, function () {
    11                         self.sync();
    12                         K('form[name=example]')[0].submit();
    13                     });
    14                     K.ctrl(self.edit.doc, 13, function () {
    15                         self.sync();
    16                         K('form[name=example]')[0].submit();
    17                     });
    18                 }
    19             });
    20             prettyPrint();
    21         });
    22     </script>
    1  <td class="td2">
    2                 @Html.TextArea("content1", new { Class = "www" })@*
    3                 @Html.TextAreaFor(mod => mod.AModel.Loginformation, new { Class="www"})*@
    4                 @Html.ValidationMessage("nullerror")
    5             </td>
    1   string textvalue = Request.Params["content1"].ToString();

    到Controllers文件中使用Request.Params[].ToString();来取得编辑器的值。

    同时Controllers文件中方法,在接收和使用编辑器的值时我们要用  [ValidateInput(false)]在定义当方法,因为VS在MVC中有严格的安全验证,只有通过  [ValidateInput(false)]的定义才能使文本编辑器的值顺利保存。

  • 相关阅读:
    JDBC中大数据量的分页解决方法?
    JDBC中的Statement 和PreparedStatement的区别?
    JDBC操作数据库的步骤 ?
    存储过程和函数的区别?
    什么是MVC模式?   
    流行的框架部分?
    请描述一下Struts2的值栈结构,以及它是如何工作的?
    下载文件?
    Struts2的功能扩展点有哪些?
    请说说Struts1和Struts2的区别?
  • 原文地址:https://www.cnblogs.com/qzzy/p/2949937.html
Copyright © 2011-2022 走看看