KindEditor在asp.net mvc4中使用-白红宇

KindEditor在asp.net mvc4中使用

阅读量：7021 次

发布时间：2019-06-28

本文共 1160 字，大约阅读时间需要 3 分钟。

1、准备工作

KindEditor，是一个相对来说功能比较强的编辑器（因为上篇博文中的HTMLBox不能上传文件），它的下载地址：

解压后的文件如下图：

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>

<title>Index</title>

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 />

@Html.LabelFor(mod => mod.Content)

<br />

@Html.EditorFor(mod => mod.Content)

<br />

}

</body>

</html>

提示：

同上篇博文（哈哈）。

转载地址：http://wfbxl.baihongyu.com/

你可能感兴趣的文章