# 注意：本文档后期不在跟新，新文档迁移到：[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>
```
是的，我又讲完了！！！
> 当然如果你对富文本编辑器有单独的要求，你也可以自己配置，这里是官方文档，很简单，看看就知道了[-------文档-------](https://ihavenolimitations.xyz/wangfupeng/wangeditor3/332599)
---
#### 反馈交流QQ群：696279396
#### 赞助
