您的位置:首页 > Web前端 > HTML

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

2012-03-29 10:37 513 查看
官网下载地址: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 下载:http://files.cnblogs.com/Music/KindEditor_Demo.rar

谢谢浏览!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: