4

私は単純なubbエディターを作ろうとしていましたが、document.selection.createRange()はIEでは機能せず、強調表示されたテキストを取得しません(強調表示されたテキストを警告しようとしましたが、何も取得しませんでした)。私はまだ理由を見つけてこれを解決することができません。

このスクリプトの動作をここで見ることができます

window.onload = function () {
    var ubb = document.getElementById('ubb_code');
    var ubba = ubb.getElementsByTagName('a');//ubb buttons
    var textarea = document.getElementsByTagName('textarea')[0];//editable textarea filed 

    //onclick to insert ubbcode
    ubba[0].onclick = function() {
        tag('[b]','[/b]');
    };

    //function used to insert ubbcode
    function tag(tag1,tag2){
        // code for IE
        if (document.selection){
            textarea.focus();
            var sel = textarea.document.selection.createRange();//It DOES NOT work!
            //alert(sel.text);
            sel.text = tag1 + sel.text + tag2;
        }else{  
        // code for none-IE webbrowsers
            var len = textarea.value.length;
            var start = textarea.selectionStart;
            var end = textarea.selectionEnd;


            var scrollTop = textarea.scrollTop;
            var scrollLeft = textarea.scrollLeft;


            var sel = textarea.value.substring(start, end);
            //alert(sel);
            var rep = tag1 + sel + tag2;
            textarea.value =  textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);

            textarea.scrollTop = scrollTop;
            textarea.scrollLeft = scrollLeft;
        }
}
4

2 に答える 2

1

更新 : IE9 はこの機能をサポートしています
http://msdn.microsoft.com/en-us/library/ie/ms536394(v=vs.85).aspx

if (document.selection.createRange) {       // Internet Explorer
    var range = document.selection.createRange();
    var selText = range.text;
    var htmltext = range.htmlText;                        
}
于 2012-08-17T08:31:18.650 に答える
0

IE11 では、選択オブジェクトはサポートされなくなりました。window.getSelection を使用して同じ動作を実現できます。詳細については、http://msdn.microsoft.com/en-us/library/ie/ms535869(v=vs.85) .aspx を参照してください。

于 2014-04-08T07:00:09.677 に答える