Writing modes と動作

Layout の範囲

この plugin は CSS の writing-mode と logical properties だけで Milkdown root と editor を組版します。色、フォント、border、spacing design などの見た目は変更しません。Milkdown theme はアプリケーションで選択・検証してください。

Mode	読む方向
horizontal-tb	標準の横書き。上から下へ進む。
vertical-rl	縦書き。列は右から左へ進む。
vertical-lr	縦書き。列は左から右へ進む。

スクロールと切替

縦書きでは、通常の縦方向の mouse wheel / trackpad 操作を、コンテンツの横方向の読む方向に対応付けます。ポインター下のネストした要素が縦方向にスクロール可能なときは、その要素のスクロールを優先します。

changeWritingMode(mode) は Milkdown を再構築しません。文書、選択、undo history を保ち、新しい mode でも論理的な読書位置を復元します。

行長と画像

lineLength は全角文字単位での 1 行あたりの最大送り量です。logical inline axis を制約するため、horizontal-tb では行の幅、縦書きでは列の高さを制限します。null または省略時は無制限です。

制限中の画像には max-inline-size だけが適用されます。強制的に拡大縮小せず、intrinsic aspect ratio も変更しません。

Browser support と統合時の注意

Chromium、Firefox、Safari が support target です。縦書き、IME composition、選択、embedded content の挙動は theme やアプリケーションと相互作用します。出荷する browser と構成で必ず検証してください。

MDI、ruby、tate-chu-yoko は解析もサポートもしません。

Live demo

mode と行長を切り替えて、layout とスクロール方向を確認できます。