vue-ace-editor

一个包装 ace 灵感来自vue3-ace-editor ,目前已适配vue2.x.x版本

如何使用

1. 安装

   1npm i v-ace-editor

2. 注册在components选项

   1import AceEditor from 'v-ace-editor';
   2
   3export default {
   4    data:{
   5      test:''
   6    },
   7    methods,
   8    ...
   9    components: {
   10        AceEditor,
   11    },
   12}

3. Use the component in template

   1<ace-editor
   2   v-model="test"
   3   lang="html"
   4   theme="ambiance"
   5   style="height: 300px"
   6/>

   道具v-model 是必需的。 <ace-editor> 默认没有高度。它的高度必须手动指定，或者同时设置 min-lines 和 max-lines 以使编辑器的高度自动增长。 prop lang,theme 具体可以参考 ace-editor的文档

详细说明

目前支持按需加载,设置lazy=false,添加自己需要的文件,具体可参考下方地址

1https://github.com/ajaxorg/ace-builds/blob/a4103cb0a672a4fec9a16fc344f3116b51d6bcda/webpack-resolver.js

参数说明

Attribute	Description	Type
value	值	String
lang	语言	String
theme	主题	String
options	扩展参数	Object
placeholder	提示	String
readonly	只读	Boolean
wrap	搜索到达结尾时,将搜索返回到开头	Boolean
printMargin	显示打印边距和设置打印边距宽度的快捷方式	Boolean, Number
minLines	至少行数	Number
maxLines	至多行数	Number
lazy	懒加载	Boolean
更多参数

LICENSE

MIT

作者:entfrm开发团队-王翔