最近寫web后臺，使用到了kindeditor，因為它非常易用。當然在使用之前我們需要安裝以及配置kindeditor才能夠應用它。為方便大家使用kindeditor，本文將簡要介紹如何下載和使用kindeditor。

首先，進入kindeditor官網http://kindeditor.net/，點擊“下載”按鈕進入下載頁面。在下載頁面有三種版本供我們選擇：php版本、asp.net版本和java版本。若我們使用PHP來完成我們的任務，則下載PHP版本kindeditor。

下載完成后，解壓文件。打開解壓后的kindeditor目錄，里面有兩個文件夾分別為“kindeditor”和“plugins”。其中“kindeditor”文件夾下的“kindeditor.js”文件為我們必須要提取的文件，因為這個文件是kindeditor插件的核心組件之一。

<script type="text/javascript" src="kindeditor/kindeditor.js"></script>

我們不僅需要提取“kindeditor.js”文件，還需要把“plugins”文件夾復制到我們的項目中，這樣kindeditor的功能才能完全呈現。還有一些額外的插件可以用來增強kindeditor的功能。

<script type="text/javascript" src="plugins/code/prettify.js"></script>
<script type="text/javascript" src="plugins/emoticons/emoticons.js"></script>
<script type="text/javascript" src="plugins/image/image.js"></script>
<script type="text/javascript" src="plugins/table/table.js"></script>
<script type="text/javascript" src="plugins/video/video.js"></script>
<script type="text/javascript" src="plugins/watermark/watermark.js"></script>

配置kindeditor還有一些其他的問題需要考慮。比如說圖片上傳的路徑和URL，上傳圖片的最大尺寸，是否開啟過濾HTML標簽等等。需要在我們的代碼中進行相應配置。

<script type="text/javascript">
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager : true,
height: 400,
uploadJson: 'php/upload_json.php',
fileManagerJson: 'php/file_manager_json.php',
resizeType : 1,
pasteType : 2,
urlType:'domain',
items : [
'image', 'media', 'flash', 'table', 'fontsize', 'bold', 'italic', 'underline',
'removeformat', 'justifyleft', 'justifycenter', 'justifyright', 'insertsmiley',
'source', '|', 'code', 'preview'
],
/*
//upload file size limit
fileSizeLimit : "128KB",
//using relative URL,baseUrl should be defined this case.
baseUrl : "http://localhost/",
// upload image path
imagePath : "",
// the max image width
imageWidth: "500",
// the max image height
imageHeight: "500",
// the max image size
imageSize: "512KB",
// allowed file extensions
allowFileTypes : ["gif","jpg","jpeg","png","bmp"],
*/
afterCreate : function() {
this.loadPlugin('autoheight');
}
});
});
</script>

最后提一句，kindeditor底層使用javascript實現，所以訪問它的源碼相當容易。因此，開發人員可以根據自己的需要更改源代碼實現自己期望的功能。

本文簡單介紹了如何下載和使用php版kindeditor。通過本文我們知道，只需要下載kindeditor.zip壓縮包，解壓即可。在我們的項目中引用JS文件和CSS文件，配置一些必須的參數即可使用。下面這篇文章還會介紹如何使用kindeditor來編寫內容。