【h2v.js】縦書き変換スクリプトの新しいバージョンを準備中です。freefielder.jpfreefielder.jp【h2v.js】縦書き変換スクリプトの新しいバージョンを準備中です。06:38同じカテゴリの記事さて、縦書きを実現するJavaScript・h2v.jsです。ほったらかしで申し訳ないです。レスポンシブデザインのウェブベージに対応していないのか。いう問い合わせを何件か頂いています。いう手順を踏んで縦書き化を行うわけです。縦書きエリア内のフォントサイズなどの値は、「指定されているスタイルを無視して、スクリプトに与えられたパラメータの値でレイアウトを決める」という仕様になっているわけですね。ウィンドウのサイズに応じてページレイアウトを切り替える、いわゆるレスポンシブデザインに対応させるのがちょっと難儀です。面倒くさい手続きを経なければなりません。ブラウザのウィンドウサイズが変更されて、縦書きエリア内要素のサイズに関するスタイルが変更された場合には、何らかの方法で再変換を行ってやらなければ、縦書きレイアウトがグッチャグチャになってしまう可能性があります。この問題に対処するには、どうすれば良いか。以下に記す方法しか無いのではなかろうか。渡すのではなく、そのエリアに適用されているスタイルから取得する。スクリーンサイズが変更され、それに伴って適用されているスタイルの値も変更された場合には、自動的にそれを検知して、必要ならば再変換を実行する。設定方法に大幅な変更を加えざるを得ないのかな...と考えています。重要な部分に変更が加わるので、いっそのことスクリプトの名称も変えたほうがよかろうなぁ...などと思いつつ、具体的な部分はまた後日、もう少し煮詰まってきたらお知らせしようと思います。サインイン情報を記憶Captcha:画像の中に見える文字を入力してください。MISTRALのハンドルグリップを交換。き】Tips:縦書きのときと横書きのときで適用するスタイルを変更する。h2v.js】不具合を修正しました。縦書きレイアウトを簡単にプレビューできるリッチテキストエディタを作ってみた。