HTML textarea ：更改放置的字符串（拖放时）答案

【问题标题】：HTML textarea : change the string dropped (when drag and drop)HTML textarea ：更改放置的字符串（拖放时）
【发布时间】：2014-11-17 17:06:27
【问题描述】：

我的 HTML 中只有两件事：

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

当我从 textarea 中拖放图像时，我的 textarea 中有值：“/img/something.jpg”。

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

例如，当我将图像拖放到文本区域时，我想要 "[img]/img/something.jpg[/img]" in.

我可以使用 HTML5、JavaScript 和 AngularJS，但不能使用 jQuery...

感谢您的帮助！ :)

【问题讨论】：

你有什么问题？你尝试了什么？您看过拖放 HTML5 教程吗？我知道人们倾向于反对 w3schools，但这里有一个很好的例子：w3schools.com/html/html5_draganddrop.asp 基本上你使用e.target.appendChild(...)。

标签： javascript html angularjs

【解决方案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]';
}

【讨论】：