縦書きを実現するJavaScript「nehan」

日本人ですし、WEBでも縦書き使いたいですよね?
はいJavaScript!
縦書きjQueryで実現するnehan - Project Hosting on Google Codeです。
※作者の方からご指摘いただき、jQueryがなくても動くとのことです。
jQueryないバージョン

sponsors

使用方法

nehan - Project Hosting on Google Codeからファイル一式をダウンロードします。

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="nehan.js"></script>
    <script type="text/javascript">
      $(function(){
        Nehan.LayoutMapper.start("div", {
          charImgRoot:"imgへのパス",
        });
      })
    </script>
最後に縦書きにしたい文章にclassを振っていきます。

<div class="lp-vertical lp-width-700 lp-height-450 lp-font-size-20">
 日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの子孫のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、政府の行為によって再び戦争の惨禍が起ることのないやうにすることを決意し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
※lp-verticalで縦書き、その他の数値は幅、高さ、フォントサイズです。
■その他特殊な使い方。
<ruby><rb>日本語</rb><rt>にほんご</rt></ruby>:ルビ
<end-page>:強制的に改ページ
<pack>!!</pack>:1つのスペースに複数文字

サンプル

!!  日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの子孫のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす恵沢けいたくを確保し、政府の行為によって再び戦争の惨禍が起ることのないやうにすることを決意し、ここに主権しゅけんが国民に存することを宣言し、この憲法を確定する。
そもそも国政は、国民の厳粛な信託によるものであって、その権威は国民に由来し、その権力は国民の代表者がこれを行使し、その福利は国民がこれを享受する。これは人類普遍の原理であり、この憲法は、かかる原理に基くものである。われらは、これに反する一切の憲法、法令及び詔勅を排除する。

sponsors


Javascriptサンプルページ一覧
skuare.net