1、 准备工作
KindEditor在asp.net mvc4中使用
原创
©著作权归作者所有:来自51CTO博客作者桂素伟的原创作品,请联系作者获取转载授权,否则将追究法律责任
KindEditor,是一个相对来说功能比较强的编辑器(因为上篇博文中的HTMLBox不能上传文件),它的下载地址:http://www.kindsoft.net/down.php
2、 创建ASP.NET MVC 2.0 Razor项目,选择“空”项。
A. 同上篇博文第2步的A。
B. 添加KindEditor文件,如下图:
3、 与上篇博客第三步相同
4、 与上篇博客第四步相同
5、 在View中创建文件夹Test,并添加Index.cshtml,代码如下:
@model MVC4_KindEditor.Models.TestModel
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="~/Script/jquery-1.7.1.min.js"></script>
<script src="~/KindEditor/kindeditor-min.js"></script>
<script src="~/KindEditor/lang/zh_CN.js"></script>
<script>
var editor;
KindEditor.ready(function (K) {
editor = K.create('#Content', {
width: 700,//编辑器宽度
height: 200,//编辑器高度
minWidth: 300,//编辑器最小宽度
minHeight: 100,//编 辑器最小高度
uploadJson: 'KindEditor/asp.net/upload_json.ashx',//接收上传文件处理程序
fileManagerJson: 'KindEditor/asp.net/file_manager_json.ashx'//浏览远程图片的服务器端程序
});
});
</script>
</head>
<body>
@using (Html.BeginForm())
{
@Html.LabelFor(mod => mod.Title)
<br />
@Html.EditorFor(mod => mod.Title)
<br />
<br />
@Html.LabelFor(mod => mod.Content)
<br />
@Html.EditorFor(mod => mod.Content)
<br />
<input type="submit" value="提交" />
}
</body>
</html>
提示:
同上篇博文(哈哈)。
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
[MVC4]初识ASP.NET MVC4
最近一个月都在专心做unity3d的斗地主游戏,从早到晚,最后总算是搞出来了,其中的心酸只有自己知道。最近才有功生成工程的目录App_S
ASP.NET MVC4 MVC 启动项 App -
asp.net MVC4 学习(一)
asp.net MVC 回顾 Html.ActionLinkhttp://www.cnblogs.com/jiagoushi/p/3905828.html选择基本模板,视图引擎 选择RazorASP.NET MVC的请求过程
asp.net mvc4 asp.net mvc html javascript -
asp.net mvc4 新特性
摘自:ASP.MVC Web编程几种模板的解释
asp.net mvc4 web编程 mvc