読者です 読者をやめる 読者になる 読者になる

#daiizメモ

フレンチフライ トリュフ塩仕立て

技術ネタはてブ数が多いごはん情報

スポンサーリンク

Scrapboxページの文章をMarkdownに変換するBookmarkletを書いた

Scrapbox

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

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

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

Image

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

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

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