StackEditでvim/emacsキーバインド設定

StackEditとは？

• オープンソースのMarkdownエディター
• 公式サイト

vim / emacs キーバインド設定

• デフォルトでは、ショートカットキーいっぱい設定されていて、機能がいろいろ便利そうですが、逆にカーソルの移動とかは矢印キーしか出来ないことは不便
• 調べてみたら、拡張設定でvim / emacsキーバインドに設定出来ます

設定手順

• 左上の#アイコンでSettings画面に移動
• Extensionsタブの一番下のUserCustom extensionリンクをクリックし下記の内容を入力する

userCustom.onReady = function() {
    var ace = {}
    ace.require = require
    ace.define = define
    ace.require(["ace/lib/net"], function(acenet) {
        acenet.loadScript("//cdn.jsdelivr.net/ace/1.1.01/min/keybinding-vim.js", function() {
            e = document.querySelector(".ace_editor").env.editor
            ace.require(["ace/keyboard/vim"], function(acevim) {
                e.setKeyboardHandler(acevim.handler);
            });
        });
    });
    window.ace = ace;
};

• 上記はvimに設定しているので、emacsに設定したい場合、参考URLのGithub Issue 254をコメントを参考して、vimの2箇所をemacsに変更すればOK

注意点

• vim / emacsキーバインド出来ると言っても、ショートカットキーが最優先される
• 例えば、ctrl-hではヘッダーのショットカートキーになっているので、前の文字の削除には行きません

参考URL

• MOONGIFT紹介記事
• Github Issue 254