zoukankan      html  css  js  c++  java
  • vue2-brace-editor代码编辑器添加自定义代码提示(修改源码)

    下载vue2-brace-editor源代码,先执行npm install安装项目依赖

    在ace.component.vue组件的methods添加setCustomPrompts方法

    修改完源码后,执行npm run build,生成dist目录下的vue-ace.min.js压缩文件

    在自己的项目中引入vue-ace.min.js,放在static目录下(static中的文件,打包时会自动加入最终的打包目录)

    在自己项目的aceEditor组件中,通过handleSetCompleteData调用setCustomPrompts

    handleSetCompleteData(data){
    this.$refs['MyAceEditor'].setCustomPrompts(data);
    },

    最后在业务代码中,传入需要自定义提示的代码数据, 通过调用handleSetCompleteData传入

    // let completeData = [
    // {meta: '表名', caption: 'table1', value: 'table1', score: 5},
    // {meta: '表名', caption: 'table2', value: 'table2', score: 5},
    // {meta: '表名', caption: 'table3', value: 'table3', score: 5},
    // {meta: '库名', caption: 'moni_general1', value: 'moni_general1', score: 5},
    // {meta: '库名', caption: 'moni_general2', value: 'moni_general2', score: 5},
    // {meta: '库名', caption: 'moni_genera3', value: 'moni_genera3', score: 5},
    // ]
    // this.$refs['aceEditor'].handleSetCompleteData(completeData)

  • 相关阅读:
    Big-data:Linux基础(04)--快捷键
    Big-data:Linux基础(03)
    Big-data:Linux基础(02)
    [mysql]删除和修改
    git使用两个异常处理
    jmeter函数使用以及json格式的后置处理器
    jmeter遇到中文不可见
    jmeter参数化
    GIT简易使用
    mysql基本语句(更新中)
  • 原文地址:https://www.cnblogs.com/yzhihao/p/11360546.html
Copyright © 2011-2022 走看看