HTML textarea：更改删除的字符串（拖放时）

Question

我的HTML中只有两件事：

<img src="/img/something.jpg">
<textarea></textarea>

当我从textarea中拖放图像时，我在textarea中有值：＆＃34; /img/something.jpg"。

我想在拖放时更改此值，但我不知道如何。

例如，当我将图像拖放到textarea时，我想要 ＆＃34; [IMG] /img/something.jpg [/ IMG]＆＃34;英寸

我可以使用HTML5，JavaScript和AngularJS，但没有jQuery ......

感谢您的帮助！ ：）

Answer 1

这不是最佳解决方案......但是http://jsfiddle.net/ydj8Lg8a/1/

var dropbox = document.getElementById('myTextarea');
dropbox.addEventListener('drop', drop, false);

function drop(evt) {
  evt.stopPropagation();
  evt.preventDefault(); 
  document.getElementById('hidden').innerHTML = evt.dataTransfer.getData('text/html');
  this.value += '[img]' + document.getElementById('hidden').childNodes[0].src + '[/img]';
}