【Scrapbox】page-edit-menuに「Twitterにシェア」を追加

概要

Scrapboxでページを作成した際にTwitterで宣伝することがあるのですが、「いっそのことツイートのUserScriptを作ればワンクリックでツイートできるのでは？」と思ったので作ってみました。

実際に使っているプロジェクト

完成したもの

https://gyazo.com/db317679f75e75ba5af4792d3327d64b

ソースコード

code:script.js

// page-edit-menuに「Twitterにシェア」を追加します。

scrapbox.PageMenu.addItem({

title: 'Twitterにシェア',

onClick: () => {

const href = encodeURIComponent(location.href);

const title = encodeURIComponent(document.title).replace('.', '.');

const url = 'https://twitter.com/intent/tweet?url=' + href + '&text=' + title;

window.open(url, '_blank', 'width=600,height=300');

}

});

ソースコードの簡単な説明

scrapbox.PageMenu.addItem({

Scrapboxのが読み込んでいるindex.jsのメソッド

内部処理はよく分からんが、こいつを呼び出せばメニューに項目が増える

encodeURIComponent(text)

これをしないと改行や記号が正確に遅れなので