[PC限定]サイトに自動的にルビを振ってくれる

URLを後ろにつけるだけで自動的にルビを振ってくれるシステムを今日知った。

指定の仕方は

http://trans.hiragana.jp/ruby/[ルビつけたいURL]

これだけ。

表示例として、
まずは通常表記がこちら

それを

としてアクセスしてみる
と…
おおおお！
というわけです。

因みに
リンクも自動的にルビ付きにしてくれる親切設計。

だが、それも良し悪し。
ルビのない状態に戻せないじゃないの。

そこでルビつける・つけないのリンク作成方法を以下に記載

<script type="text/javascript">
set_ruby_url = "http://trans.hiragana.jp/ruby/";
set_ruby_find = document.location.href.indexOf(set_ruby_url);
if (set_ruby_find==-1) {
 my_no_ruby_url = document.location.href;
 my_on_ruby_url = set_ruby_url + document.location.href;
}else{
 my_no_ruby_url = document.location.href.substring (set_ruby_url.length,document.location.href.length);
 my_on_ruby_url = document.location.href;
}
document.write("<a href='"+my_no_ruby_url+"'>ルビなし</a>");
document.write("<a href='"+my_on_ruby_url+"'>ルビあり</a>");
</script>

つまりJSで出せばいいってことさ。

だから携帯に使えないんだよ～
しかも携帯から表示させると

携帯けいたい情報じょうほう

みたいな表示になってしまいますぞ。

他にも注意が必要で
一部のレイアウト情報は無視されるし、
ふりがな、たまに間違えます。

wordpressのメニューに付けるならば

<script type="text/javascript">
set_ruby_url = "http://trans.hiragana.jp/ruby/";
set_ruby_find = document.location.href.indexOf(set_ruby_url);
if (set_ruby_find==-1) {
 my_no_ruby_url = document.location.href;
 my_on_ruby_url = set_ruby_url + document.location.href;
 document.write("<li><a href='"+my_on_ruby_url+"'>ルビをつける</a></li>");
}else{
 my_no_ruby_url = document.location.href.substring(set_ruby_url.length,document.location.href.length);
 my_on_ruby_url = document.location.href;
 document.write("<li><a href='"+my_no_ruby_url+"'>ルビをけす</a></li>");
}
</script>

関連する投稿

• WYSIWYG（ウィジウィグ）エディタメモ (0)
• 五月雨に申し訳ありません。 (0)
• 『jscript』と『javascript』は違う (0)
• PG的仕事で気をつけること (0)
• iモードの絵文字をPCブラウザに表示する (0)