→ h2v.js - Webページを縦書きレイアウトに変換する JavaScript
【改善点、その1】
HTML5 のタグに仮対応してみました。
以下のタグが縦書きエリアに含まれていた場合、縦書きレイアウトに変換します。
【改善点、その2】以下のタグが縦書きエリアに含まれていた場合、縦書きレイアウトに変換します。
- ARTICLE
- ASIDE
- DETAILS
- FOOTER
- HEADER
- HGROUP
- NAV
- SECTION
- SUMMARY
- AUDIO
- CANVAS
- EMBED
- FIGURE
- VIDEO
- MENU
- FIGCAPTION など。
ルビの表示を改善しました。
【改善点、その3】文中の、半角の「左ダブルクォーテーション “」、「右ダブルクォーテーション ”」、「左シングルクォーテーション ‘」、「右シングルクォーテーション ’」を正しく処理できなかった問題を修正しました。
--
タグについて、通常使用するタグはほぼ網羅していると思うのですが、もし文章中に知らないタグが出てきた場合、エラーは吐きませんが、そのかわり適当に処理します。
「このタグを使ったら、縦書きレイアウトがなんだかおかしい」なんて時は、ご連絡いただけると嬉しいです。
それから、半角文字についてです。
半角文字(列)は、
“This is a sample sentence. [12345]"
記号の類い→?&!<>-+*@
…と、このように横倒しにレイアウトされます。
(上の 横→縦変換 をクリックして確認してみてください)“This is a sample sentence. [12345]"
記号の類い→?&!<>-+*@
…と、このように横倒しにレイアウトされます。
で、現在 h2v.js が「半角文字である」と認識するのは、
- 10進ASCIIコードの 32(半角スペース)〜126(~)まで。
- 上に記した、左右のシングル / ダブルクォーテーション。
しかし、¶ などの特殊記号etc. は(現在のところ)「半角」であると認識しません。つまりレイアウトを崩す可能性があります。
「特殊記号、そんなに使わないでしょ」という酷い理由で対応させていないだけなのですが、その所為で左右のシングル / ダブルクォーテーションを今まで上手く処理できなかった、と。
これ、そのうちちゃんとします。
ということで。
コメント