vue實現(xiàn)codemirror代碼編輯器中的SQL代碼格式化功能

1、首先使用npm安裝sql-formatter插件

npm install --save sql-formatter

2、然后引入該sql-formatter.js文件

import sqlFormatter from "sql-formatter";

3、接下來就是針對需要格式化的代碼調(diào)用該方法就OK啦

 /*代碼格式化*/   format(){    /*獲取文本編輯器內(nèi)容*/    let sqlContent="";    sqlContent=this.editor.getValue();    /*將sql內(nèi)容進行格式后放入編輯器中*/    this.editor.setValue(sqlFormatter.format(sqlContent));   }

4、下面截圖就是格式化前與格式化后的區(qū)別

總結(jié)

以上所述是小編給大家介紹的vue實現(xiàn)codemirror代碼編輯器中的SQL代碼格式化功能,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！