装飾機能の付いた疑似 textarea です。変換機能の表示が変になるのは許してください。
装飾は、%b~%b, %i~%i, %u~%u, %c~%c で囲んだ部分に適用され、それぞれ b, i, u, c クラスが文字単位で追加されます。標準での機能はそれぞれ、太字、斜体、下線、取消線となっていますが、これはCSSから変更可能です。
% を文字列として扱う際は、%% とエスケープします。これは入力時に自動でエスケープする機能があるので、制御文字列として %b などを入力したいときは、tool_using=trueとしてください。ただし、これは keyup イベントのたびに false にリセットされるので、前の keyup イベントが終わってから次の keyup イベントが始まるまでに tool_using=true と % の入力が行われるように注意してください。
この自動エスケープ自体をOffにしたい方は、冒頭の変数定義部で var tool_usin=false; となっているものをtrueに書き換え、$('#input') の keyup イベントリスナ末尾で tool_using=false; としている行をコメントアウトしてください。