Atom で Markdown を縦書きでリアルタイムプレビューする

Atom は WebKit 系列なので WebKit の CSS 指定が使える。
ユーザースタイルシートである style.less に対して

.markdown-preview {
    -webkit-writing-mode: vertical-rl;
}

と指定するだけ。元々入っている Markdown のリアルタイムプレビューを縦書きにできる。

とはいえ

これやっちゃうと Markdown で書いたものは何でもかんでも縦書きになっちゃうのでもうちょっと工夫は要りそう。

参考にした

Atom Editor Markdown Perview の フォントについて(Windows) - clash_m45の開発ブログ
Atom で Windows でも快適 Markdown 環境! | 株式会社バニーホップ