• 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)
                    }
          }
    } 
    

    效果如下:

  • 相关阅读:
    vue router 跳转动画
    less 循环
    在iconfont上批量下载图标
    function(h)
    三元表达式
    CSS3 object-fit 属性
    MaC 修改MySQL密码
    CSS3 animation 属性
    css控制文字超过2行不显示
    ionic动画
  • 原文地址:https://www.cnblogs.com/wangyingblock/p/15233910.html
Copyright © 2020-2023  润新知