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)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM