KindEditor編輯器使用

標籤：編輯器

首先將下載的KindEditor包放到WebRoot下，該包下的檔案有如下：

第二、在頁面中引入相關css和js

<link rel="stylesheet" href="/KindEditor/themes/default/default.css" /><link rel="stylesheet" href="/KindEditor/plugins/code/prettify.css" /><script charset="utf-8" src="/KindEditor/kindeditor.js"></script><script charset="utf-8" src="/KindEditor/lang/zh_CN.js"></script><script charset="utf-8" src="/KindEditor/plugins/code/prettify.js"></script>

第三、載入方式如下：

KindEditor.ready(function(K) {editor1 = K.create('textarea[name="body"]', {cssPath : '/KindEditor/plugins/code/prettify.css',uploadJson : '/KindEditor/jsp/upload_json.jsp',fileManagerJson : '/KindEditor/jsp/file_manager_json.jsp',allowFileManager : true,items : [                  'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',                  'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',                  'insertunorderedlist', '|', 'emoticons', 'image', 'multiimage', 'link' , 'table'],    afterBlur:function(){this.sync();}});});

此時是KindEditor的簡單模式，可以根據自己需要添加編輯器功能；若去掉items後則為複雜模式。

為簡單模式樣式：

KindEditor編輯器使用