jquery - 在可编辑的 div 中“选择”图像

Question

使用 contenteditable div 开发基本的文本编辑器。

使图像可选择然后可删除的任何解决方案。因此，用户无需在键盘上退格，而是可以单击“突出显示”的图像，然后仅删除该图像即可按下删除键。

用于测试的 JSFiddle:http://jsfiddle.net/vbbay6jc/

备份代码:

<div contentEditable="true">
  <img class="temp-image" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQLl0EqJ_0sAhvsYTsLJaazja4H3ol3dgBYd3OAfEqCWYR2EyRWH2CXxEM"/>
</div>

Answer 1

好吧，我做了一个非常简单的例子，首先选择图像，然后按 del。希望能帮助到你。 http://jsfiddle.net/vbbay6jc/2/

var seleccionado;
$(".temp-image").on('click', function(){
    seleccionado = this;    
});

$('#newupdate-text-1').keyup(function(e){
    if(e.keyCode == 46){
        $(seleccionado).remove();
    }
})

您可以添加一个类来查看屏幕中选择的内容。