# monaco-editor

**Repository Path**: htq/monaco-editor

## Basic Information

- **Project Name**: monaco-editor
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-09
- **Last Updated**: 2021-09-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# gridvo-monaco-editor

### 说明

该组件是一个【代码编辑器】,可用于编辑 json,html,java,javascript,...

该项目是基于 monaco-editor 开发的官方地址：[monaco-editor 官方地址](https://microsoft.github.io/monaco-editor/index.html)

### 插件安装

``` shell
yarn add gridvo-monaco-editor
```

```js
import GridvoMonacoEditor from 'gridvo-monaco-editor';

const app = createApp();
app.use(GridvoMonacoEditor);
```

### 插件使用

```
 <gv-monaco-editor v-model:value="additionalInfo" />
 
  <gv-monaco-editor v-model:value="additionalInfo" theme='vs-dark' language='json' height=200/>
  
```

### Props

参数 | 说明 | 类型 | 默认值
---|---|---|---
value| 编辑器内容 | string |  |
disable | 是否可编辑 | boolean | false|
theme | 主题,可选参数(vs, hc-black, vs-dark)  |  string   |  vs |
language | 语法类型('javascript', 'css', 'html', 'typescript', 'json',...) | string | json |
height | 编辑器高度 | number | 200
options | 其它配置项 | object | |

更多的配置参数查阅： [构造器配置参数](https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.ieditorconstructionoptions.html)

### Event

| 事件名 | 说明 |  回调参数 |
--- | --- | ---
|update:value| 内容更新 | function(value: string)|
| change | 内容变化 | function(value: string) |

### Method

|名称    | 说明
---|---
|format | 内容格式化 |