# OpenDSL Editor

**Repository Path**: tynice/opendsl-editor

## Basic Information

- **Project Name**: OpenDSL Editor
- **Description**: OpenDSL编辑器，封装monaco编辑器
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: http://editor.321zou.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2023-06-07
- **Last Updated**: 2023-06-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# OpenDSL Editor

#### 介绍
OpenDSL编辑器，封装monaco编辑器，当前只支持AviatorScript脚本语言的React版本，VUE版本后续开发

#### 使用说明（React）

属性参数是对MonacoEditor的透传
```
//导入npm包
import OpenDSLEditor from 'opendsl-editor-react';

//使用
<OpenDSLEditor
    language="aviatorscript"
    height="500"
    width="100%"
    onChange={onChange}
    value={code}
/>
```
更详细的使用见demo源码: opendsl-editor-react-demo
- opendsl-editor-react-demo/opendsl-editor-react-rewired/src/App.jsx
- opendsl-editor-react-demo/opendsl-editor-react-webpack/index.jsx

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request

#### 功能特性

1. 语法高亮（完成）
2. 自动补全（完成）
3. 执行脚本（完成）
4. 语法检查（完成）
5. 代码格式化（完成）
6. VIM模式（完成）

### 访问网站
http://editor.321zou.com/

### 依赖项目
- https://github.com/react-monaco-editor/react-monaco-editor