typescript - 如何在 JupyterLab 擴展中啟用 Codemirror 附加功能?
我正在為 JupyterLab 編寫一個擴展,並希望修改其中 CodeMirror 實例的設定,以啟用提示和匹配高亮的插件。我該如何實現這一點?
它是針對 JupyterLab v1.0.1 的,我已經成功寫了一個擴展,根據所使用的內核在頂部工具欄添加自定義按鈕和功能。我甚至在 codemirror 中實現了一個帶語法高亮的自定義模式。
這是我如何為 MIME "xyz" 定義自訂樣式的方法,其中 STATES 是匹配的正則表達式。
import * as CodeMirror from 'codemirror';
import 'codemirror/addon/mode/simple';
export function defineVadalogMode() {
(CodeMirror as any).defineSimpleMode(MODE_NAME, STATES);
CodeMirror.defineMIME("text/xyz", MODE_NAME);
CodeMirror.modeInfo.push({
ext: FILE_EXTENSIONS,
mime: MIME,
mode: MODE_NAME,
name: NAME
});
}
所以我想要包含以下套件:
import 'codemirror/addon/hint/show-hint';
import 'codemirror/addon/search/match-highlighter.js';
通常只需匯入它們並呼叫類似的東西就足夠了
editor.setOption("highlightSelectionMatches", true);
但由於我正在編寫一個 JupyterLab 擴展,我不知道如何訪問這個編輯器對象,因為我沒有創建它,而是 JupyterLab 創建的。