代码改变世界

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

2012-03-29 10:37  音乐让我说  阅读(1141)  评论(0)  编辑  收藏  举报

官网下载地址：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>

 

效果图：

 

Demo 下载：https://files.cnblogs.com/Music/KindEditor_Demo.rar

 

谢谢浏览！