# XMonacoEditor Monaco 编辑器
- [示例](#示例)
- [基本用法](#基本用法)
- [设置主题](#设置主题)
- [设置语言](#设置语言)
- [目前存在的问题](#目前存在的问题)
- [API]()
- [Props/Attrs](#propsattrs)
- [Slots](#slots)
- [Events](#events)
本组件对 [Monaco Editor]([https://microsoft.github.io/monaco-editor/index.html]) 进行了 Vue 的封装，添加样式修饰，接入了 Cloud UI 表单验证体系。
## 示例
### 基本用法
使用`v-model`或`:value.sync`双向绑定。
``` vue
```
### 设置主题
``` vue
{{ theme }}
```
### 设置语言
``` vue
{{ lang }}
```
### 目前存在的问题
- [多个编辑器共享同一主题](https://github.com/microsoft/monaco-editor/issues/1289)
- [多个编辑器共享 TypeScript Service](https://github.com/microsoft/monaco-editor/issues/262)
## API
### Props/Attrs
| Prop/Attr | Type | Options | Default | Description |
| --------- | ---- | ------- | ------- | ----------- |
| value.sync, v-model | string | | `''` | 代码段 |
### Slots
#### (default)
插入文本或 HTML。
### Events
#### @before-init
初始化编辑器前触发
#### @init
初始化编辑器后触发
#### @input
输入时触发
#### @change
改变时触发
| Param | Type | Description |
| ----- | ---- | ----------- |
| $event.value | string | 改变后的值 |
| $event.oldValue | string | 旧的值 |
| $event.event | object | Monaco 的事件 |