【縦書き】rubyタグで傍点。freefielder.jpfreefielder.jp【縦書き】rubyタグで傍点。縦書き変換JavaScript・h2v.jsです。ご質問・ご意見をいただきましたので、回答です。使用法のページにて傍点はルビのタグを流用すればいいと記載してありましたが、ある一定の長さの文章に使うと改行されずにレイアウトを突き抜けてしまいます。ルビタグ使っているので仕方がないと言えば、仕方がないのですが、どうにか対処できる方法はないのでしょうか?ええと、上記の動作に関しては、現在のところ「h2v.jsの仕様」です。一行を十二文字に指定しています。ル﹅ビ﹅タ﹅グ﹅を﹅流﹅用﹅し﹅て﹅傍﹅点﹅を﹅打﹅っ﹅て﹅い﹅ま﹅す﹅[この部分のソース]<ruby>ル<rt>﹅</rt>ビ<rt>﹅</rt>タ<rt>﹅</rt>グ<rt>﹅</rt>を<rt>﹅</rt>流<rt>﹅</rt>用<rt>﹅</rt>し<rt>﹅</rt>て<rt>﹅</rt>傍<rt>﹅</rt>点<rt>﹅</rt>を<rt>﹅</rt>打<rt>﹅</rt>っ<rt>﹅</rt>て<rt>﹅</rt>い<rt>﹅</rt>ま<rt>﹅</rt>す<rt>﹅</rt></ruby>...というように、ルビタグで囲まれた部分を分割できない一つのブロックとして扱います。rubyタグで囲われた部分が一行の長さを超える場合、パラメータで指定した一行の文字数を無視して、そのまま縦書き表示を行います。一行を十二文字に指定しています。ル﹅ビ﹅タ﹅グ﹅を﹅流﹅用﹅し﹅て﹅傍﹅点﹅を﹅打﹅っ﹅て﹅い﹅ま﹅す﹅...と、これならば「指定した一行の文字数」で改行されますね。いうHTMLを書いているかというと、下のソースコードをご覧ください。見やすいように、適宜改行を入れています。[この部分のソース]<ruby>ル<rt>﹅</rt></ruby><ruby>ビ<rt>﹅</rt></ruby><ruby>タ<rt>﹅</rt></ruby><ruby>グ<rt>﹅</rt></ruby><ruby>を<rt>﹅</rt></ruby><ruby>流<rt>﹅</rt></ruby><ruby>用<rt>﹅</rt></ruby><ruby>し<rt>﹅</rt></ruby><ruby>て<rt>﹅</rt></ruby><ruby>傍<rt>﹅</rt></ruby><ruby>点<rt>﹅</rt></ruby><ruby>を<rt>﹅</rt></ruby><ruby>打<rt>﹅</rt></ruby><ruby>っ<rt>﹅</rt></ruby><ruby>て<rt>﹅</rt></ruby><ruby>い<rt>﹅</rt></ruby><ruby>ま<rt>﹅</rt></ruby><ruby>す<rt>﹅</rt></ruby>...というように、一文字ずつrubyタグで囲む、という甚だ面倒なコーディングをお願いするしかないのです。いう声も聞こえてきますが、今のところ、ブラウザ間の処理の違いを完全に吸収するのが難儀なので、しばらく現状のままだと思います。RUBYタグを使って傍点を記述する、という手法自体どうなのよ、ということもあり、う〜ん、このあたりは、今後の方向性も含めてもう少し考えなくてはなりません。【追記:2013.07.14】h2v.jsの改修作業が進行中です。こちらの記事をどうぞ。4.2.13を試してみた。ボタン電池を買いにゆく。(81)検索こちらの記事もどうぞ【縦書き】h2v.js、ルビ周りの改善バージョンを準備しています。き】Tips:縦書きのときと横書きのときで適用するスタイルを変更する。h2v.js】不具合を修正しました。38でのルビ表示の不具合に暫定対応しました。【h2v.js】縦書き変換スクリプトの新しいバージョンを準備中です。縦書きレイアウトを簡単にプレビューできるリッチテキストエディタを作ってみた。