vue-ace-editor
v1.0.3
Published
A Vue's component based on ace/brace
Downloads
117
Readme
vue-ace-editor
A packaging of ace
How to use
Install
npm install --save-dev vue-ace-editor
Require it in
components
of Vue options{ data, methods, ... components: { editor:require('vue-ace-editor'), }, }
Require the editor's mode/theme module in father's events
vue-ace-editor:init
Because if require the modules inside the component dynamically. The size of bundle.js will be very huge.
{ data, methods, components, events:{ 'vue-ace-editor:init':function () { require('vue-ace-editor/node_modules/brace/mode/html'); require('vue-ace-editor/node_modules/brace/mode/javascript'); require('vue-ace-editor/node_modules/brace/mode/less'); require('vue-ace-editor/node_modules/brace/theme/chrome'); } }, }
Use the component in template
<editor :content.sync="html" lang="html" theme="chrome" width="300" height="300" ></editor>
prop
content
is requiredprop
lang
andtheme
is same as ace-editor's docprop
height
andwidth
could be one of these:200
,200px
,50%