富文本使用
## editor
### 1. 功能
富文本编辑器
### 2. 使用场景
表单提交时常用
### 3. 如何使用
#### 3.1 页面引入
```html
<!-- css -->
<link rel="stylesheet" href="../../../js/kindeditor-4.1.10/themes/default/default.css"/>
<!-- javascript -->
<script charset="utf-8" src="../../../../js/kindeditor-4.1.10/kindeditor.js"></script>
<script charset="utf-8" src="../../../../js/kindeditor-4.1.10/lang/zh_CN.js"></script>
```
富文本同样包含在form内, 但是其值另外处理
```html
<textarea id="content" placeholder="请输入富文本内容" class="layui-textarea"></textarea>
```
#### 3.2 JS 代码
##### 3.2.1 写在 load 外面
```javascript
var content
KindEditor.ready(function (K) {
// #content 对应textarea的id
content = K.create('#content', {
uploadJson: '/manage/common/kinderEditor/upload?type=9',
// 这里的type要注意
// 功能模块（不能传错）1知识库 2学院 3website 4杂志 5:商品 6：品牌 7faq 8榜单页面 9：标签 10 olabel介绍 11商品素材
allowFileManager: true
});
}
```
##### 3.2.2 写在 load 里面
```JavaScript
content.sync(); // 数据同步
var formContent = $('#content').val(); // 获取了富文本的内容
formContent = onion.transform(formContent); // 类型转化后, 即可表单上传
```
==必须要进行类型转化后再上传==
##### 3.2.3 数据回显
```javascript
var dfniDetail = onion.zipTransForm (formContent)
content.html(dfniDetail); // dfniDetail为从后端返回的数据
```
==content 为 KindEditor.ready 中定义的==
### 4. api定义
``` javascript
onion.api = function(){
}
```