Ace editor component for Vue
Installation
Install with npm i vue-ace-edit
Or clone the repo in your project
git clone https://github.com/jellehak/vue-ace-edit
Usage
Add the CDN build of Ace to your app
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.3/ace.min.js"></script>Add the plugin:
import VueAceEdit from "vue-ace-edit"
Vue.use(VueAceEdit)This will add two global components: AceEditor, AceEditorJson
Components
AceEditor
<AceEditor :value="`<div>Hello</div>`" mode="html"/>AceEditorJson
Wrapper component that encode/ decodes JSON objects
<AceEditorJson :value="{hello:'cool'}" />