x-ace-editor.vue v0.6.0

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