「漢字《かんじ》」の書き方から ruby / rt / rp のHTMLを作り、その場で表示を確認する
《よみ》の直前にある漢字の並びが、そのまま親文字になります。「今日は晴天《せいてん》だ」なら親文字は「晴天」です。ひらがなを含む語や、漢字の一部だけに読みを付けたいときは縦棒を使ってください。「｜及位《のぞき》」のように書けば、縦棒から《 までが親文字になります。半角の | でも同じように使えます。
rp はルビに対応していない環境で表示される括弧です。対応している環境では非表示になり、対応していない環境では「漢字(かんじ)」のように読める形になります。読み上げソフトの読み方も環境によって変わるので、迷ったら出しておくほうが安全です。括弧の文字は入力欄で変えられます。
モノルビにチェックを入れると、空白（半角・全角）かスラッシュで区切られた読みを、親文字1字ずつに割り当てます。「｜今日《きょ う》」のように、読みの数と親文字の数がそろっているときだけ分割します。数が合わないときは分割せず、親文字全体に1つのルビが付きます。
チェックを入れると「漢字(かんじ)」も読みとして扱います。ただし本文に普通の括弧書きが多いと、意図しない場所がルビになります。既定では切ってあるので、必要なときだけ入れてください。全角の（）にも対応します。
《よみ》の直前が漢字でない場合、親文字を決められないのでそのまま文字として出力します。ひらがな・カタカナ・英数字に読みを付けたいときは、縦棒を使って「｜ヒント《てがかり》」のように親文字を明示してください。
主要なブラウザはすべて ruby に対応しているので、表示だけを考えるなら無くても崩れません。ただしメールのHTMLや電子書籍のビューアなど、対応していない環境に渡す可能性があるなら付けておくほうが安全です。
出力しません。rb は HTML の仕様から削除されており、現在は親文字を ruby の直下にそのまま置く書き方が標準です。このツールもその形で出力します。
大丈夫です。地の文と親文字と読みのすべてで、< と > と & をHTMLの実体参照に置き換えてから出力します。貼り付けた文字がタグとして解釈されることはありません。
いいえ。処理はすべてお使いのブラウザ内（JavaScript）で行われ、入力内容がサーバーへ送信されることはありません。