الصفحة الرئيسية>موارد بناء الموقع>موارد أخرى
تنزيل

vim keybindings لـ cm6

تثبيت 

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 ، فتأكد من تضمين المكون الإضافي DrawSelection لتقديم التحديد في الوضع المرئي بشكل صحيح.

استخدام CM5 VIM Extension API

يمكن استخدام نفس واجهة برمجة التطبيقات نفسها التي يمكن view.cm في الإصدار السابق من Codemirror 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

مفاتيح UNMAP 

 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
  } ) ;
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل