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

    效果如下:

  • 相关阅读:
    Lightoj 1321 Sending Packets(Bellman-Ford)
    Lightoj 1281 New Traffic System (记忆化Dijkstra)
    NBUT TNT #1 题解报告
    UVA 11624 BFS
    FZU 2150 枚举+BFS
    POJ 3126 BFS
    POJ 3279 DFS
    POJ 1062 dijkstra + 枚举
    lightoj 1123 增量最小生成树
    python 常用算法及解析
  • 原文地址:https://www.cnblogs.com/wangyingblock/p/15233910.html
Copyright © 2020-2023  润新知