«Выбор» изображения внутри редактируемого 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

Ну я сделал очень простой пример, сначала выберите изображение, а затем нажмите дель. Надеюсь, поможет. 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(); 
    } 
}) 

Вы можете добавить класс, чтобы увидеть, что выбран на экране.