vue - codemirror 點選對應標籤查詢 結束標籤 位置
阿新 • • 發佈:2021-01-27
技術標籤:JAVASCRIPTVUE.JSvue.jsjavascript
template :
<codemirror :value="code" @cursorActivity="cursorActivity"></codemirror>
"cursorActivity"(doc: CodeMirror.Doc)
每當此文件中的游標或選擇更改時觸發。
import:(必須引入)
import CodeMirror from 'codemirror/lib/codemirror'
methods:
cursorActivity (cm) { let cur = cm.getCursor() let range = cm.getViewport() range.from = Math.min(range.from, cur.line) range.to = Math.max(cur.line + 1, range.to) let match = CodeMirror.findMatchingTag(cm, cur, range) console.log(match) },
Console:
根據 最終match 給的 open 和 close 資料 進行定位