【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.replaceAll('.', '.'));

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

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

}

});

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

scrapbox.PageMenu.addItem({

Scrapbox の page-edit-menu に項目を追加する処理

title：メニュー上の項目名

onClick：追加した項目をクリックしたときの処理

encodeURIComponent(location.href)

現在開いているページのURLを、URLに含められる形式へ変換する処理

document.title.replaceAll('.', '.')

ページタイトル内の「.」を、ゼロ幅スペースを含む「.」に置換する処理

プロジェクト名に Rutile3.tech のようなドメイン風の文字列が含まれている場合や、ページ名にに .xlsx のような拡張子が含まれている場合に、ドメインとして認識されるのを回避している