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
准备工作
![](http://pic002.cnblogs.com/images/2012/148372/2012032910340265.png)
第一步:
ASP.NET MVC 下使用
效果图:
![](http://pic002.cnblogs.com/images/2012/148372/2012032910342749.jpg)
Demo 下载:http://files.cnblogs.com/Music/KindEditor_Demo.rar
谢谢浏览!
目前最新版:KindEditor 4.0.6 (2012-03-18)
参考官网demo http://www.kindsoft.net/demo.php
准备工作
![](http://pic002.cnblogs.com/images/2012/148372/2012032910340265.png)
第一步:
<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>
效果图:
![](http://pic002.cnblogs.com/images/2012/148372/2012032910342749.jpg)
Demo 下载:http://files.cnblogs.com/Music/KindEditor_Demo.rar
谢谢浏览!
相关文章推荐
- kindeditor在线HTML编辑器简单使用教程
- thinkphp使用在线编辑器存入html标签被转义解决
- KindEditor 4.x 在线编辑器常用使用方法
- 使用kindeditor 实现 Play FrameWork的html编辑器
- kindeditor---在线HTML编辑器
- HtmlEditor (在线html编辑器)的使用
- 在线编辑器KindEditor的使用
- KindEditor在线HTML文本编辑器在asp.net中的使用
- 编辑器使用方法 1. 下载编辑器 下载 KindEditor 最新版本,下载之后打开 examples/index.html 就可以看到演示。 下载页面: http://www.kindsoft.
- 在线html编辑器---HtmlArea的使用
- ASP.NET一款免费富文本(RichText)编辑器KindEditor,实现在线排版编辑文章。这里简单介绍下如何使用
- 国产网页在线编辑器kindeditor的使用
- 在线HTML编辑器 KindEditor 多个编…
- 在线HTML编辑器htmlarea简单使用
- KindEditor - 在线HTML编辑器
- 在线编辑器的使用总结(kindeditor , )
- 【杂记】KindEditor 4.x 在线编辑器常用使用方法
- KindEditor 在线编辑器使用
- kindeditor-4.1.10在线编辑器的使用[多个]
- 在线HTML编辑器 KindEditor