Page Menuにボタンを追加する
UserScriptを使うと、Page Menuに独自のボタンを追加することができる
ボタンを追加する
実行すると、div.page-menuに新しいボタンが追加される
例
jsscrapbox.PageMenu.addMenu({
title: 'NewButton',
image: 'https://i.gyazo.com/7057219f5b20ca8afd122945b72453d3.png',
onClick: () => alert('Hello, Scrapbox!'),
}); title (必須)マウスをホバーしたときに出てくるtooltipの文字になる
ボタンのHTML要素の
id にもなる image (必須) onClick (option)ボタンを押したときに実行する関数
ボタンを削除する
できないようだ
これを実行したあとに該当ボタンを押すと消える
ボタンの中にメニューを追加する
仕切り線を追加する
例
jsscrapbox.PageMenu.addMenu({
title: 'NewButton',
image: 'https://i.gyazo.com/7057219f5b20ca8afd122945b72453d3.png',
});
scrapbox.PageMenu('NewButton').addItem({
title: 'NewButton',
image: 'https://i.gyazo.com/7057219f5b20ca8afd122945b72453d3.png',
onClick: () => alert('Hello, Scrapbox!'),
});
scrapbox.PageMenu('NewButton').addSeparator();
scrapbox.PageMenu('NewButton').addItem({
title: 'NewButton',
onClick: () => alert('Hello, Scrapbox!'),
});
scrapbox.PageMenu('NewButton').addSeparator();
scrapbox.PageMenu('NewButton').addSeparator();実行結果
ボタンの中のメニューをすべて消す
仕切り線も消える
実行しただけでは反映されない
なくなったっぽい？
PageMenuへの変更を反映する
PageMenuのボタンをクリックする
仕組みはよくわからない
PageMenu(id) で指定したものだけでなく、すべてのボタンの中身の変更が反映される模様以下では内部で実行される
以下では内部で実行されない
その他のAPI
ボタンの名前
すべてのPage menuのボタンの情報