webサイトをvim化するjQueryプラグイン
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
example
LICENSE
README.md
jquery.vimize.js
jquery.vimize.min.js

README.md

jQuery Vimize

ブラウザでもvimしたい

Gunma.web #17 のLTネタ用プラグイン。実用性あるかな?!

デモ

http://perl.no-tubo.net

使い方

<script src="_path_to_/jquery.min.js"></script>
<script src="_path_to_/jquery.vimize.js"></script>
<script>
    jQuery(function($){
        $().vimize();
    });
</script>

設定

$().vimize({
    homePagePath: '/',
    searchBoxSelector: 'input#se',
    selectors: {
        0: '.posttitle a, .navigationpost a',
        1: '#sidebar a',
    },
    defaultSelectors: 0,
    command: {
        CAT: function(){
            window.location.href = 'https://www.google.co.jp/search?tbm=isch&q=cat';
        }
    },
    commandError: function(e){
        alert(e);
    }
});
  • homePagePath ホームページのURLまたはpath(絶対path推奨) default: /
  • searchBoxSelector 検索のinput要素を指定。
  • selectors hjklで移動出来る要素を指定。 default: aタグ
  • defaultSelectors 複数カラム時、さいしょにjkで移動できるカラム番号。 default: 0
  • command :cmd で実行できるコマンド。keyは大文字のひつようがある
  • commandError :cmd 実行時に存在しない場合の動作 default: console.log()

コマンド

キャンセル

  • esc フォーカス、コマンドをキャンセル

検索

  • /or? 検索フォームへ移動(フォーカス)
  • ctrl+w 入力した文字の削除

移動

  • j 下のエレメント
  • k 上のエレメント
  • h 左のカラム(複数カラムのページ)
  • l 右のカラム(複数カラムのページ)
  • 0 最初のエレメント
  • $ 最後のエレメント

スクロール

  • gg ページ最上部へ
  • G ページ最下部へ
  • dorctrl+d 下へ
  • uorctrl+u 上へ

履歴

  • - (homePagePathで指定された)ホームページへ
  • b ブラウザの戻る
  • n ブラウザの進む

  • :cat catの画像を検索
  • :neko 猫の画像を検索
  • :nyan にゃんの画像を検索

その他

gpkeyってプラグインもあるみたい