码迷,mamicode.com
首页 > Web开发 > 详细

asp.net mvc 文本编辑器 kindeditor

时间:2016-11-21 12:02:56      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:win   dem   ready   get   方式   htm   tar   asp.net   地址   

他们的官网:http://kindeditor.net/demo.php

让我们最快的方式用起来吧。

首先我们先拉入他们官网下载下来的文件吧。下载地址

技术分享

我们需要的文件夹不多,拉入以上的就可以了,其他的一些demo啥的就不拉入了,省得打包,包很大。

然后就可以开始用用了,

views建立个界面

写入html

<textarea id="editor_edit" name="content" style="width:auto;height:300px;"></textarea>

再写个js代码

//默认风格编辑器

KindEditor.ready(function (K) {
window.editor = K.create(‘#editor_edit‘);
});

技术分享

就那么几行代码我们的编辑器就可以看到效果了。

 

编辑好后,我们可以获取html string了。

以下是js代码。

var content = “”;
KindEditor.ready(function (K) {
editor.sync();
content = $("#editor_edit").val();
});

 

基本的使用我们已经完成了。

 

 如果有问题,请留言。

福建C# .net MVC 技术群 468259528

asp.net mvc 文本编辑器 kindeditor

标签:win   dem   ready   get   方式   htm   tar   asp.net   地址   

原文地址:http://www.cnblogs.com/annkiny/p/6084950.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!