Scrapboxのアイコンをボタンとして使う

UserScript版：

ESModulesを使う形式に書き換えてあります

/icons/hr.icon

daiiz製のChrome拡張機能 (v0.2.6以降) をインストールする必要がある

自分のページに機能を有効化する設定を書く (デフォルトはoff)

code:script.js

$('body').attr('data-daiiz-icon-button', 'on'); // 'on' or 'off'

自分がメンバーであるScrapboxページ内の好きなところにアイコンボタンを生やせる

例

「Hello, world!」というalertを出すボタン

hello-world-button.icon

↑アイコンをクリックするとalertメッセージが出る

実行されるスクリプトは hello-world-button など各ボタンのページに JavaScript button.jsとして定義する

名称が-button.iconで終わるアイコンのみ，ボタン扱いされる

本日の日付をタイトルとする日記ページを作成するボタン (すでに存在する場合は開くだけ)

diary-button.icon

安全確保の観点から，プロジェクト内で定義されたボタンしか動かない

プロジェクト内のUserScriptだけが動く

/daiiz/hello-world-button.icon は，名称が-button.iconで終わるアイコンだが，外部プロジェクトのものなのでボタン機能は発動しない

https://gyazo.com/779c5a5152b6e808db758e4e224b810e

UserScript.icon