vue2-ace-editor
A packaging of ace
Demo here: https://github.com/chairuosen/vue-ace-editor-demo/tree/vue2
IMPORTANT
emmet support for html is removed after 0.0.6. because its code cannot works with strict mode.
if you want to use it. require emmet by your own.
npm install emmet@git+https://github.com/cloud9ide/emmet-core.git#41973fcc70392864c7a469cf5dcd875b88b93d4a
;
How to use
-
Install
npm install --save-dev vue2-ace-editor
-
Require it in
components
of Vue optionsdatamethods...components:editor: -
Require the editor's mode/theme module in custom methods
datamethods:{//language extension prerequsite...//language//snippet} -
Use the component in template
prop
v-model
is requiredprop
lang
andtheme
is same as ace-editor's docprop
height
andwidth
could be one of these:200
,200px
,50%
-
Access the ACE's instance
<editor ref='myEditor'>
let editor = this.$refs.myEditor.editor
or
editorInit: function (editor) { }