vue2x-ace-editor
ace editor component by vue
Example
Introduction
- VueSplitEditor: split one or more editor;
- VueStaticHighlight: Simply highlighting multiple languages;
- VueAceEditor: Customizable Code Tips;
How to use
Install
npm install --save vue2x-ace-editor
Import component
- default
; ... components: Editor ...
- on demand
; ... components: VueAceEditor VueSplitEditor VueStaticHighlight ...
Introducing dependency
Note: When introducing resources, it is better to introduce them in a static way and in a dynamic way. When packaging, webpack will replace the variables in the URL with regular. * and then pack the irrelevant files. (e.g.'import ('brace/ext/'+var), all the files below the EXT file will be packaged. )
- introduce globally
;;;
- introduce initially
methods: { ; ; ; ; }
Use component in template
- VueAceEditor
toolbar or something
- VueSplitEditor
- VueStaticHighlight
toolbar or something