1. 程式人生 > 其它 >vue - codemirror 點選對應標籤查詢 結束標籤 位置

vue - codemirror 點選對應標籤查詢 結束標籤 位置

技術標籤: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 資料 進行定位