scrapbox-shortcut

動機

他のユーザー操作拡張系のUserScriptでショートカットキーの対応を簡単にしたい。

ショートカットキーの表記を分かりやすくしたい。

機能

ScrapboxのUserScriptにショートカットキーを割り当てる。

設定方法

自分のページに下記を貼り付けて編集する。

code:scrapbox(js)

code:script.js

import '/api/code/foldrr/scrapbox-shortcut/script.js'

// キーの指定方法は下記を参照

// 設定例: 閲覧中のショートカットを割り当てる場合

scrapboxShortcut.onBrowse('ctrl+s', e => {

alert('閲覧中にショートカットキーを押した時の動作')

});

// 設定例: 検索中のショートカットを割り当てる場合

scrapboxShortcut.onSearch('esc', e => {

alert('検索中にショートカットキーを押した時の動作')

});

// 設定例: 編集中のショートカットを割り当てる場合

scrapboxShortcut.onEdit('ctrl+s', e => {

alert('編集中にショートカットキーを押した時の動作')

});

コード

依存ライブラリ

code:script.js

/* mousetrap v1.6.2 craig.is/killing/mice */

arguments)}}(b))};e.init();p.Mousetrap=e;"undefined"!==typeof module&&module.exports&&(module.exports=e);"function"===typeof define&&define.amd&&define(function(){return e})}})("undefined"!==typeof window?window:null,"undefined"!==typeof window?document:null);

scrapbox-shortcut本体

code:script.js

(() => {

let mousetrapOnBrowse = new Mousetrap();

let mousetrapOnSearch = new Mousetrap(document.querySelector('.search-form input'));

let mousetrapOnEdit = new Mousetrap(document.querySelector('#text-input'));

mousetrapOnEdit.stopCallback = (e, el) => false;

window.scrapboxShortcut = {

onBrowse: (key, f) => {

mousetrapOnBrowse.bind(key, f);

},

onSearch: (key, f) => {

mousetrapOnSearch.bind(key, e => {

let cancel = f(e) === false;

if (cancel) return false;

});

},

onEdit: (key, f) => {

mousetrapOnEdit.bind(key, e => {

let cancel = f(e) === false;

if (cancel) return false;

});

},

};

})();