javascript - JavaScript - 選択したテキストにマーカーを設定するにはどうすればよいですか?

Question

JavaScript (jQuery なし)を使用highlightしてテキストを選択する必要があり、 or (左と右) を使用する必要があります。携帯電話の場合と同様に、それらを呼び出す方法がよくわからないため、コントロールをドラッグしていつでも選択範囲を拡張できます。ポイント。control pointsmarkers

例: http://screencast.com/t/KJBdvreeVW

選択したテキストを取得しました。デモ: http://jsfiddle.net/henrichro/HJ482/

function getSelectionText() {
    var text = "";
    if (window.getSelection) {
        text = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
        text = document.selection.createRange().text;
    }
    alert(text);
}

if (window.Event) document.captureEvents(Event.MOUSEUP);
document.onmouseup = getSelectionText;

これで、テキストを取得するためのこの作業コードができましたが、上記のように、その周りにマーカーを付けたいと思います:)

2013 年 10 月 28 日更新:

Dementic の指示 (以下の彼の回答) の後、次の作業コードを見つけました: http://jsfiddle.net/henrichro/WFLU9/

複数の行を選択すると、唯一の問題が解決しません。そのシナリオでは、マーカーが間違って表示されています。