# 变更记录
| 产品版本 | 更新内容 | 更新日期 |
| --- | --- | --- |
| V6.0.3 | 增加了代码编辑器“自动换行”属性，开启后支持显示内容自动换行，满足用户使用场景 | 2023-12-14 |
# 1 功能介绍
用于代码编辑，能够根据选择的文件类型来使关键字高亮
# 2 控件对象
`kd.bos.form.control.CodeEdit`
# 3 视觉展示
* eclipse主题
* monokai主题
# 4 属性说明
## 4.1 通用属性
>通用属性包含字段和控件的一些公有的属性，如宽高，帮助文本等等。请参考[通用属性](https://vip.kingdee.com/article/215559076720798976)
## 4.2 样式属性
>样式属性是每个控件在设计器右侧样式栏可以设置的属性，请参考[样式属性](https://vip.kingdee.com/article/252017936767406336)
## 4.3 业务属性
| 属性名 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| 文件类型 | 下拉 | javascript | 设置代码编辑器文件类型，目前支持javascript、java、markdown、xml、sql语法高亮 |
| 主题 | 下拉 | eclipse | 设置代码编辑器主题，目前支持eclipse、monokai、material、idea、dracula主题，详见4.3.1 |
| 显示行号 | 复选框 | false | 设置代码编辑器是否显示行号 |
| 显示复制按钮 | 复选框 | false | 是否在右上角显示复制代码按钮 |
| 内容加密传输 | 复选框 | false | 开启后内容会经过base64编码传输，避免出现网络拦截 |
| 发送框选值 | 复选框 | false | 开启后支持光标选中值发送到后端，详见4.3.2 |
| 自动换行 | 复选框 | false | 开启后内容自动换行 |
### 4.3.1 主题
代码编辑器可设置不同的主题风格，目前支持eclipse、monokai、material、idea、dracula。风格视觉如下：
eclipse：
monokai ：
material：
idea：
dracula：
### 4.3.2 发送框选值
发送框选值支持用户按照选中的sql语句执行，详情[请参考](https://vip.kingdee.com/article/208522206278747904)
### 4.3.3自动换行
1.在设计器控件属性-样式里开启自动换行
2.粘贴后内容自动换行
# 5 代码编辑器接口介绍
## 5.1 控件编程模型
### 5.1.1 控件编程模型定义
代码编辑器控件的编程模型为CodeEdit，派生自控件编程模型基类Control：
```java
package kd.bos.form.control;
public class CodeEdit extends Control {
```
插件可以通过如下代码，获取到界面上代码编辑器的控件编程模型实例：
```java
CodeEdit codeEdit = this.getView().getControl(KEY_CODEEDIT1);
```
### 5.1.2 控件方法清单
代码编辑器控件，派生自控件基类，增加了如下方法：
| 方法 | 说明 |
| --- | --- |
| setText | 设置内容 |
| getText | 获取内容 |
### 5.1.3 控件方法的使用示例
* 案例说明
获取/设置代码编辑控件中录入的内容
* 实现方案
捕获界面加载afterBindData事件，设置代码编辑控件内容
捕获确定按钮点击click事件，获
