JavaScriptで選択データを取得する

マウスでドラッグして文字列を選択したときに

その選択している文字列を取得したいなぁーっと

思ったので調べたら参考になるサイトがあったので

メモ

JavaScriptで選択データの特定

以下サイトからの一部を引用

var a = document.selection.createRange();
alert(a.text);
var b = a.parentElement();
var c = b.createTextRange();
alert(c.text);

c=document.body.createTextRange();
c.moveToElementText(b);
alert(c.text);
c.setEndPoint("EndToStart",a);
alert(c.text);
alert(c.text.length);

１．ここで選択されたテキストの前後に､右クリックで表示されるコンテキストメニュー("A"､"B"､"C"等)から選択された文字列でタグを挿入し､テキストエリアに表示したいのですがどのように記述すればよいでしょうか？

例).テキストエリアに"あいうえおう"と入力し､一番目の"う"をマウスで選択して右クリックが押され時に表示されるコンテキストメニューから"B"を選択した場合

<p>あい</p><p 項目属性="B">う</p><p>えおう</p>

*<p>は任意の要素です。