首页 > 代码库 > asp.net mvc 文本编辑器 kindeditor

asp.net mvc 文本编辑器 kindeditor

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