其他分享
首页 > 其他分享> > vue2-ace-editor自定义语法提示

vue2-ace-editor自定义语法提示

作者:互联网

vue2-ace-editor自定义语法提示

在网上找了很多,但都是推荐修改源文件,这里自己整理了一个,不需要修改源文件的,仅供参考

 import ace from 'brace'

methods: {
    // 初始化方法
    initEditor () {
          const that = this
          const completer = {
              getCompletions: function (editors, session, pos, prefix, callback) {
                  that.setCompleteData(editors, session, pos, prefix, callback)
              }
          }
          const lnTools = ace.acequire('ace/ext/language_tools')
          lnTools.addCompleter(completer)
    },
    setCompleteData (editor, session, pos, prefix, callback) {
                const data = [
                    {
                        meta: '表名', // 描述
                        caption: 'sonic', // 展示出的名字(一般与value值相同)
                        value: 'sonic', // 数据值
                        score: 1 // 权重 数值越大 提示越靠前
                    },
                    {
                        meta: '库名',
                        caption: 'sonww',
                        value: 'sonww',
                        score: 2
                    }
                ]
                if (prefix.length === 0) {
                    return callback(null, [])
                } else {
                    return callback(null, data)
                }
      }
} 

效果如下:

标签:const,自定义,ace,pos,callback,prefix,session,editor
来源: https://www.cnblogs.com/wangyingblock/p/15233910.html