最近做项目要用文本编辑器,编辑器好多种,这里介绍KindEditor在asp.net mvc4中的使用方法。

  一、准备工作:

    1.下载KindEditor.去官网:http://www.kindsoft.net/

    2.解压,拷贝到项目中(这里面有些例子,可以先删除掉在拷贝到项目中。)

  二、使用步骤:

    1.view页面

  

<script>
    var editor;
    KindEditor.ready(function (K) {
        editor = K.create('textarea[>textarea
            allowFileManager: true,                  //是否允许文件上传           
            allowUpload: true,                                      
            fileManagerJson: '/KindEditor/ProcessRequest', //浏览文件方法 
            uploadJson: '/KindEditor/UploadImage'          //上传文件方法     
        });
    });
</script>

TextArea:
<div class="editor-field">
                    @Html.TextAreaFor(model => model.Content, new {  })
                    @Html.ValidationMessageFor(model => model.Content)
</div>
View Code

相关文章: