KindEditor在asp.net mvc4中使用

1、 准备工作

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>
提示:
同上篇博文(哈哈)。














本文转自桂素伟51CTO博客,原文链接: http://blog.51cto.com/axzxs/1006253 ,如需转载请自行联系原作者

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值