javascript - 在 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);

演示: http://jsbin.com/ogane4/5/edit