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>

浙公网安备 33010602011771号