# 注意：本文檔后期不在跟新，新文檔遷移到：[http://www.openkit.cc/docs/kitadmin/#/](http://www.openkit.cc/docs/kitadmin/#/)
#### 首先感謝使用KitAdmin后臺開發框架
#### 反饋交流QQ群：696279396
---
### 富文本編輯器：
kitEditor 富文本編輯器是在wangEditor V3.1.0上面做的一個小的封裝，同時準備了圖片上傳的對應方法，這里我們將告訴你如何去使用富文本編輯器
```javascript
<script type="text/javascript" src='<%=basePath%>templates/style/wangEditor/wangEditor.min.js'></script>
<script type="text/javascript" src="<%=basePath%>templates/style/benstyle/js/kitEditor.js"></script>
<div style="text-align:left;">
<div id="kitEditor">
<p>新增<b> kitEditor 富文本編輯器</b>，這里給大家演示...</p>
</div>
</div>
<textarea id="kitEditorText" style="width:100%; height:200px;"></textarea>
```
是的，我講完了！
### 下面就是取值
```javascript
<script type="text/javascript">
var E = window.wangEditor
var editor = new E('#div1')
editor.create()
document.getElementById('btn1').addEventListener('click', function () {
// 讀取 html
alert(editor.txt.html())
}, false)
document.getElementById('btn2').addEventListener('click', function () {
// 讀取 text
alert(editor.txt.text())
}, false)
</script>
```
是的，我又講完了！！！
### 什么？你還想要獲取JSON格式？
```javascript
<script type="text/javascript">
var E = window.wangEditor
var editor = new E('#div1')
editor.create()
document.getElementById('btn1').addEventListener('click', function () {
var json = editor.txt.getJSON() // 獲取 JSON 格式的內容
var jsonStr = JSON.stringify(json)
console.log(json)
console.log(jsonStr)
})
</script>
```
是的，我又講完了！！！
> 當然如果你對富文本編輯器有單獨的要求，你也可以自己配置，這里是官方文檔，很簡單，看看就知道了[-------文檔-------](http://www.hmoore.net/wangfupeng/wangeditor3/332599)
---
#### 反饋交流QQ群：696279396
#### 贊助
