実際の導入方法について
vdsメニューバーから切り替える
vdsメニューバーを利用することによって、このページ下部に表示されているような「ルビを振る」「ルビを消す」ボタンをお客様のホームページにも簡単に導入することができます。メニューバーの表示方法に関してはこちらをご参照ください。
javascriptで切り替える
下記javascriptを実行することによって、手動でルビふりのon/offを切り替えることも可能です。
この関数は、vdsRubyInitButtonをclassに指定したaタグに対してテキストの書き換えも同時に行います。
テキストの内容は、ルビふり適用時には「ルビを消す」、ルビふり非適用時には「ルビを振る」となります。
コード
//コード
vdsRuby.interface.processRuby()
//ボタン例
<a class="vdsRubyInitButton" onClick="vdsRuby.interface.processRuby()">ルビを振る</a>
<a class="vdsRubyInitButton" onClick="vdsRuby.interface.processRuby()">ルビを消す</a>