首页 > Web开发 > 详细

asp.net mvc 文本编辑器 kindeditor

时间:2016-11-21 12:01:46      阅读:353      评论:0      收藏:0      [点我收藏+]

他们的官网: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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!