Quantcast
Channel: #daiizメモ
Viewing all articles
Browse latest Browse all 468

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

$
0
0

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コンテンツから変換されて生成されました.)


Viewing all articles
Browse latest Browse all 468

Trending Articles