編輯器從光標處插入圖片後在圖片後得到光標 更簡單的 編輯器從光標處插入圖片(失去焦點後仍然能夠在原位置插入)

轉載請註明： TheViper http://www.cnblogs.com/TheViper 

之前寫過一篇更簡單的 編輯器從光標處插入圖片(失去焦點後仍然能夠在原位置插入)，裏面只測試了ie，事實上在firefox中有個小問題，就是無論插入圖片前，編輯器有沒有焦點（光標），在插入後，光標會消失。

插入前沒有焦點

插入前有焦點

修正

    function insertImage(html){
        restoreSelection();
        if(document.selection)
            currentRange.pasteHTML(html); 
        else{
            $('post_input').focus();
            document.execCommand("insertImage", false,html);
            currentRange.collapse();
        }
        saveSelection();
    }

在execcommand前，讓編輯器得到焦點，觸發selection,而後在後面對當前range用collapse（）方法。

效果

沒有焦點

有焦點

下載