asp.net mvc 文字編輯器 kindeditor

標籤：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