Html 在线编辑器 KindEditor 的使用例子

最新推荐文章于 2019-08-20 16:05:40 发布

weixin_30527423

最新推荐文章于 2019-08-20 16:05:40 发布

阅读量126

点赞数

CC 4.0 BY-SA版权

文章标签： javascript php ViewUI

原文链接：http://www.cnblogs.com/Music/archive/2012/03/29/html-editor-category-kindeditor.html

本文介绍如何在ASP.NET MVC项目中安装及使用KindEditor 4.0.6版本富文本编辑器，包括官网下载链接、具体配置步骤及示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官网下载地址：http://www.kindsoft.net/down.php

目前最新版：KindEditor 4.0.6 (2012-03-18)

参考官网demo http://www.kindsoft.net/demo.php

准备工作

第一步：

<script src="@Url.Content("~/Scripts/KindEditor-4.0.6/kindeditor-min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/KindEditor-4.0.6/lang/zh_CN.js")" type="text/javascript"></script> 
<script type="text/javascript">
var editor;
    KindEditor.ready(function (K)
    {
// 请注意修改 textarea 的名字，我这里是 Description
        editor = K.create('textarea[name="Description"]', {
            allowFileManager: true
        });
    }); 
</script>

ASP.NET MVC 下使用

<div>
    @Html.ValidationSummary()
</div>
<div>
    @using(Html.BeginForm())
    {
        @Html.TextAreaFor(model => model.Description, new { style="width:800px;height:400px"})

<input type="submit" value="提交" />
    }
</div>