ace-editor-on-vue

A vuejs based component, based on bace, on Ace.

Usage

• install

1npm install ace-editor-on-vue

• .vue demo

1<template>
2    <!-- support `%`, `px` and other CSS `width`/`height` units -->
3    <editor v-model="content" :config="config" width="500px" height="200px"></editor>
4</template>
5
6<script>
7import AceEditorOnVue from 'ace-editor-on-vue';
8export default {
9    components: {
10        'ace-editor': AceEditorOnVue
11    },
12    data() {
13        return {
14            content: '',
15            config: {
16                lang: 'json', // default `json`
17                theme: 'xcode', // default `xcode`
18                options: { // options for Ace
19                    useSoftTabs: true, // default 2 space characters for indent
20                    tabSize: 2
21                }
22            }
23        }
24    }
25}
26</script>

More details see Ace Editor Wiki.