KindEditor4 1編輯器的使用 封裝及擴充套件

2021-09-01 07:59:02 字數 1597 閱讀 5362

web開發中。。少不了編輯器的使用。。經過各個編輯器的比較。個人認為 kindeditor4.1 編輯器非常的不錯

覺得她簡單而美麗....就像乙個漂亮的妞。。。嘿嘿

下面的我封裝了 kindeditor4.1 的一些方法。。。讓我們在開發中只要配置來實現就好了。。。

附件中提供了 原始碼和jar   。。省的你們去反編譯了。。嘿嘿。。。

1.將以下的jar包放到工程的lib目錄下

* commons-fileupload-1.2.1.jar

* commons-io-1.4.jar

* kindeditorservlet.jar  --jkd1.6 下面編譯的

2.web.xml 的servlet及相關屬性設定

3.ke 相關屬性設定

kindeditor.ready(function(k) ); 

}});

prettyprint();

});

4.建立上傳目錄attached

這樣就完成了 ...kindeditor的搭建。。。

5.擴充套件--新增檔案管理的刪除功能---題外話

在 目錄中 找到 filemanager.js 檔案...在約182中新增如下**

k('刪除

alert('ssss'+data.filename+"==="+themespath);

});

在大約 194 行新增乙個方法。

function removeremotefile() else 

}, "post", );

}

我想這樣就可以實現刪除的功能。。。具體還沒有完成。。。先記著!!!!

實現的效果如:

圖1:圖2:

我想。。如果可以的話。。我們就可以實現遠端管理伺服器的檔案。。。這個功能是很實用的。。。。

我最近都沒時間。。忙死啦!

kindeditor內容編輯器

外掛程式可以去這裡下 然後在自己的專案中建立乙個資料夾來存放這個外掛程式 如下圖 然後選擇其中乙個js拖放到其中乙個到你所需要的頁面就可以了 我這邊是用的這個kindeditor min.js。在aspx頁面新增文字編輯器 id名稱可以自行定義,在js中新增如下 items裡面的東西都是我根據公司的...

kindeditor編輯器的使用

3.在頁面中新增textarea控制項 5.上傳檔案功能操作 選擇程式語言 我這裡使用的是asp.net,注意這裡的路徑問題,根據你當前頁面所處的位置來適當調整。asp kindeditor.ready function k asp.net kindeditor.ready function k j...

kindeditor編輯器,獲取textarea值

在獲取textarea值的時候,從資料庫讀出來的值都能獲取到,但是新輸入的值就得不到,只要是新輸入的都得不到值 答案 我昨天剛用kindeditor,我是使用ajaxform提交表單的在360瀏覽器下獲取textarea沒問題,可在火狐瀏覽器下卻獲取不到值,後來我新增 了afterblur func...