duco-editor

A Vue2 code-editor based on monaco-editor

Install

npm install duco-editor

Use

1import DucoEditor from 'duco-editor
2import 'duco-editor/lib/duco-editor.css
3// Global install
4Vue.use(DucoEditor)
5

Props

1{
2    value: {
3      type:String,
4      default:''
5    },
6    disabled: {
7      type:Boolean,
8      default: false
9    },
10    showBottom:{
11      type:Boolean,
12      default:false
13    },
14    canSetBreakPoint:{
15      type: Boolean,
16      default: true
17    },
18    highLight: {
19      type:Object,
20      default:() => ({
21        ignoreCase: true, // 忽略大小写
22        tokenizer: {
23          root:[
24            [/set_value/,{token: 'keyword'}],
25          ]}
26      })
27    },
28    provider:{
29      type:Array,
30      default:()=>[]
31    },
32    suggestions:{
33      type:Array,
34      default:() => []
35    }
36}

Event

addBreakpoint
removeBreakpoint
input
change
totalChange
cursorChange