x-ace-editor.vue
v0.6.0
Published
Vusion extension UI - AceEditor
Downloads
34
Maintainers
Readme
XAceEditor
示例
基本用法
<x-ace-editor></x-ace-editor>
设置语言和主题
<template>
<x-ace-editor v-model="value" lang="json" theme="monokai"></x-ace-editor>
</template>
<script>
import 'brace';
import 'brace/mode/json';
import 'brace/theme/monokai';
export default {
data() {
return {
value:
`{
"name": "Alice",
"age": 24,
"phone": "18612345678"
}
`,
};
},
}
</script>
禁用
<x-ace-editor value="var i = 0;" disabled></x-ace-editor>
API
Props/Attrs
| Prop/Attr | Type | Default | Description |
| --------- | ---- | ------- | ----------- |
| value.sync, v-model | Any | | 当前选择的值 |
| lang | String | 'text'
| 设置语言 |
| theme | String | | 设置主题 |
| readonly | Boolean | false
| 是否只读 |
| disabled | Boolean | false
| 是否禁用 |
| options | Object | | 配置项对象 |
| autofocus | Boolean | false
| 默认focus状态 |