ScrapScripts

ScrapScripts

Unofficial browser extension for Scrapbox


Scrapboxをもっと便利に使う、楽しく遊ぶ、自由に拡張するための非公式ブラウザ拡張機能


搭載機能の概要
ページリンクをホバーすると、そのリンクに関連するページがその場で表示されます
関連ページの内容はリンクに関するScrapboxの2ホップリンクです
表示位置はリンクタイトルの上または下を選択できます
/customize/リンク先ページのテキストを表示する
ページリンクをホバーすると、リンクの遷移先ページの内容がその場でプレビュー表示されます
Scrapboxのアイコン記法を拡張するアイデアです
hoge-button.icon というページにcodeblock記法で button.js を記述しておく
アイコンをクリックして button.js の内容を実行する
Gyazoの画像ページでも関連するScrapboxページを読めるようになります
画像の説明文に含まれる [hoge] をリンクとして扱う
リンクをホバーすると遷移先ページの内容がプレビュー表示されます
Ctrl+v等でペーストを実行した際、clipboardで保持しているテキストがURLであれば、ページタイトルを補って [URL title] の形式で貼り付けます


機能の有効化
搭載機能のうち、必要な機能のみを有効化できる
各ユーザーが機能を自由に無効化できるので、実験的な機能もスピーディーに提供できる
有効化する機能の指定はUserScriptを通して行う
Scrapboxでお馴染みの手法を用いることで、拡張機能の設定画面に触れなくて良い
projectごとに設定をカスタマイズしやすい
設定の書き方の例
以下のcodeblockを自分のページに記述する
script.js
Copied!
// 関連ページを吹き出し表示する
// n: north, s: south
$('body').attr('data-daiiz-rel-bubble', 'n')
// リンク先ページのテキストを表示する
$('body').attr('data-daiiz-text-bubble', 'on')
// アイコンをボタンとして使う
$('body').attr('data-daiiz-icon-button', 'off')
// GyazoでScrapboxのページを読む
$('body').attr('data-daiiz-gyazo-text-bubble', 'teamj')
// [URL title]の形でペーストする
$('body').attr('data-daiiz-paste-url-title', 'ctrl')


フォーラム
/customize/daiiz製のChrome拡張機能

ソースコード
Powered by Helpfeel