Scrapboxãƒšãƒ¼ã‚¸ã®æ–‡ç« ã‚’Markdownに変換するBookmarkletを書いた

Scrapbox (の一部) 記法 で書かれたScrapboxページの文章を，対応するMarkdownに変換するBookmarklet「Scrapbox2Markdown」を書きました．ひとまず必要な記法のみの変換コードを勢いにまかせて作ったので，まだ対応できていない変換も結構あります．いまのところ以下の記法に対して動作します．

• プレーンテキスト
  • 改行単位の文字列
• 多段箇条書き
  • 入れ子構造も正しく変換される(はず)．
• 見出し
  • 文字の大きさレベルも正しく変換される．
  • Scrapboxの一番小さい文字レベルの見出し [* 見出し] は，Markdownでは [##### 見出し] に変換されるようにした．
• リンク
• 画像
  • 画像とリンクのあわせ技もいける
• 単一行コード
  • バッククオートで囲まれた文字

スポンサーリンク

実際のところは，Scrapbox記法がHTMLとして描画されたものを取得して変換しているので，記法→記法変換しているとは言えなさそうです．ScrapboxのコンテンツをMarkdownコードに変換しているという表現が良いかもしれません．

リポジトリ内の main.min.js の内容の先頭に javascript: を付加したコードをBookmarkletとして登録しておき，Scrapboxのページを閲覧中にBookmarkletを発動すると，ページの内容がMarkdown記法に変換されて新しいウィンドウに表示されます．

• プライベートなScrapboxページ上で勢い良く執筆 → Markdownに変換してブログに投稿
• 既存のScrapboxページの内容をMarkdownに変換してリポジトリの README.md に追記

のように，すっかり慣れきってしまったScrapbox記法で書きたいけれどMarkdownで書かないといけない！という場面で，このBookmarkletが活躍します．(この記事もScrapboxコンテンツから変換されて生成されました．)

DesignDoc

• ScrapboxコンテンツをMarkdownに変換するBookmarklet