PageMenuの基本のキを理解する

概要

よってこのページの内容も初心者がざっくりわかればいいというスタンス

細かいことはその都度知っていけばよいのじゃ

ということでいざUserScriptにチャレンジ！

参考

PageMenuのボタンをクリックで何かを発動する場合

code:script.js

scrapbox.PageMenu.addMenu({

title: '適当な名前', // 必須　要素のidになるけど日本語も可

onClick: () => {

// 処理を書く

alert('Hello, Scrapbox!');

},

});

PageMenuの中にアイテムを入れる場合①

code:script.js

const myPageMenu = '適当な名前'; // 複数回使うので変数にしておくと吉　変数名は適当に

scrapbox.PageMenu.addMenu({

title: myPageMenu, // 必須

// onClickは省略

});

scrapbox.PageMenu(myPageMenu).addItem({

title: '', // 必須

onClick: () => { // 必須

// 処理を書く

alert('Hello, Scrapbox!');

},

});

scrapbox.PageMenu(myPageMenu).addItem({

// 2個目以降も同様に

// addItemした分だけPageMenuの中に追加される

});

scrapbox.PageMenu(myPageMenu).addSeparator(); // ちなみに適当なところでaddSeparator()を挟めば仕切りを作れる　これは中身のない一文だけのコード

PageMenuの中にアイテムを入れる場合②

code:script.js

const myPageMenu = '適当な名前';

scrapbox.PageMenu.addMenu({

title: myPageMenu, // 必須

onClick: () => { // 今度はonClickを使う

// この中でaddItemする

// 普段はこの形では使わないけどアイテムをリセットする必要がある場合などはこの中でaddItemすることになるよというメモ

scrapbox.PageMenu(myPageMenu).removeAllItems(); // 一度アイテムをリセットする

scrapbox.PageMenu(myPageMenu).addItem({

title: '', // 必須

onClick: () => { // 必須

// 処理を書く

alert('Hello, Scrapbox!');

},

});

},

});

上記のようにalertを出すだけでもいい