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