codemirror vim

CM6的VIM鑰匙扣

安裝

npm i @replit/codemirror-vim

用法

 import { basicSetup , EditorView } from 'codemirror' ;
import { vim } from "@replit/codemirror-vim"

let view = new EditorView ( {
  doc : "" ,
  extensions : [
    // make sure vim is included before other keymaps
    vim ( ) , 
    // include the default keymap and all other keymaps you want to use in insert mode
    basicSetup , 
  ] ,
  parent : document . querySelector ( '#editor' ) ,
} )

注意：如果您不使用basicSetup ，請確保包含Drawsection插件以在視覺模式下正確渲染選擇。

使用CM5 VIM擴展API

可以在CodeMirror view.cm版本中使用的API https://codemirror.net/doc/manual.html#vimapi也可以與此插件一起使用

 import { Vim , getCM } from "@replit/codemirror-vim"

let cm = getCM ( view )
// use cm to access the old cm5 api
Vim . exitInsertMode ( cm )
Vim . handleKey ( cm , "<Esc>" )

定義其他EX命令

 Vim . defineEx ( 'write' , 'w' , function ( ) {
    // save the file
} ) ;

地圖鍵

 Vim . map ( "jj" , "<Esc>" , "insert" ) ; // in insert mode
Vim . map ( "Y" , "y$" ) ; // in normal mode

取消鍵

 Vim . unmap ( "jj" , "insert" ) ;

添加自定義密鑰

  defaultKeymap . push ( { keys : 'gq' , type : 'operator' , operator : 'hardWrap' } ) ;
  Vim . defineOperator ( "hardWrap" , function ( cm , operatorArgs , ranges , oldAnchor , newHead ) {
    // make changes and return new cursor position
  } ) ;