execCommandの後のイメージの選択

Question

これでしばらくの間、私の頭を壁にぶつけています。

私は画像を挿入しているエディタを持っていますが、execCommandの実行後にFirefoxで新しく挿入された画像を選択することはできません。ここに私のコードです。

 var editor = this; 
     var sel = editor._getSelection(); 
     var range = editor._createRange(sel);   
     editor._doc.execCommand("insertimage", false, imgURL); 
     img = range.startContainer.previousSibling; 
     console.log(img); 

Answer 1

execCommandを使用しないでください。代わりにrange.insertNodeを使用してください。

var img = document.createElement('img'); 
img.src = 'http://www.carsyouwilldrive.com/wp-content/uploads/2009/06/futurecar1.jpg'; 

var selection = document.defaultView.getSelection(); 
var range = selection.getRangeAt(0); 
range.insertNode(img); 

DEMO：http://jsbin.com/ogane4/5/edit