現在の設定でHTMLを挿入する - textNode

Question

画像をアップロードするためのテキストエディタを作成してから、画像のurlとimgタグをコンテンツの編集可能なdivに追加します。

私は...すべてがこのスニペットで作業

function insertTextAtCursor(text) { 
    var sel, range, html; 
    sel = window.getSelection(); 
    range = sel.getRangeAt(0); 
    range.deleteContents(); 
    var textNode = document.createTextNode(text); 
    range.insertNode(textNode); 
    range.setStartAfter(textNode); 
    sel.removeAllRanges(); 
    sel.addRange(range); 
} 

を持っている...しかし、私は代わりに、実際の画像の"<img src=""/>"を見るように、HTML文字列を出力します。

私はこれを行う方法はありますか？

私は関数を使用して、私のAJAX呼び出しからの応答があります。

this.on("success", function(file, response) { 
    var imageUrl = "https://s3-eu-west-1.amazonaws.com/mys3account/images/" + response.image['name']; 
    insertTextAtCursor("<img src='" + imageUrl + "'/>"); 
}); 

感謝を。

Answer 1

これは私のためにそれを解く：

ここから撮影

var descriptionNode = document.createElement("img"); 
descriptionNode.className = "img"; 
descriptionNode.src = text; 

range.insertNode(descriptionNode); 
range.setStartAfter(descriptionNode); 

を：https://stackoverflow.com/a/8031639/2921557