MVC-KindEditor使用

<script type="text/javascript">
    $(function () {
        //富文本框KindEditor
        var editor;

        //初始化参数
        var opts = {
            filterMode: true, //是否过滤HTML代码
            width: '800px', //设置宽
            height: '300px', //高
            minWidth: 600,  //最小的宽
            minHeight: 200,  //最小的高
            allowFileManager: true,                                            //是否可以浏览上传文件
            allowUpload: true,                                                     //是否可以上传
            fileManagerJson: '/KindEditor/ProcessRequest',      //浏览文件方法
            uploadJson: '/KindEditor/UploadImage',                    //上传文件方法  //注意这两个路径
            
        };
        
        //创建富文本框
        KindEditor.ready(function (k) {
            editor = k.create('#Content', opts);
        });
        
    });
</script>

 

<h2>RichTextBox</h2>
@using (Html.BeginForm())
{ 
    @Html.TextAreaFor(model => model.Content);
    <input type="submit" value="Submit" />
    <hr />
}

 

//富文本框的保存与读取
        public ActionResult RichTextBox()
        {
            //blog.Content = @'<img border=\"0\" alt=\"\" src=\"http://localhost:64681/Scripts/kindeditor-4.1.7/plugins/emoticons/images/11.gif\" /><img border=\"0\" alt=\"\" src=\"http://localhost:64681/Scripts/kindeditor-4.1.7/plugins/emoticons/images/38.gif\" />';
            return View();
        }

        [HttpPost]
        [ValidateInput(false)] 
        public ActionResult RichTextBox(Blog blog)
        {
            var t = Server.HtmlEncode(blog.Content);

            blogRsy = new BlogRepository();
            blog.blogID = 3;
            blog.Create_Date = DateTime.Now;
            blog.LastModify_Date = DateTime.Now;
            blog.Subject = "Testing_File";
            blog.Content = t;
            blogRsy.Add(blog);
            return View();
        }

        public ActionResult RichTextBoxDetails(int id)
        {
            blogRsy = new BlogRepository();
            Blog _blog = blogRsy.Find(id);
            _blog.Content = Server.HtmlDecode(_blog.Content);
            return View(_blog);
        }

 

显示富文本内容:

    <div class="display-field">
        @Html.Raw(Model.Content)
    </div>

 

 

posted @ 2014-07-06 23:07  南宫元耘  阅读(205)  评论(0)    收藏  举报