已经实现了在textarea里添加并显示button，但是不知道如何实现在textarea内拖动button

在textarea中的文字，我们是可以选中后将其拖动到textarea的其他位置的，但是所增加的button却没有办法做到
另外获取到的textarea的value里面没有包含所增加的button

请问大侠如何实现在textarea内拖拉button
或者是复制和粘贴这里面的button呢

分不多，请各位见谅。。。

代码如下：

<textarea id="test" name="test" rows="15" cols="60">content test</textarea>
<br>
<input type="button" value="getValue" onclick="alert(test.value);return false">
<input type="button" value="getInnerHTML" onclick="alert(test.innerHTML);return false">
<input type="button" value="addButton" onclick="addButton('buttonTest')">

<script type="text/javascript">
function addButton(str) {
var oDiv = document.createElement("INPUT");
oDiv.type = "button";
oDiv.id = str;
oDiv.value = str;
test.appendChild(oDiv);
}

addButton("button1");
addButton("button2");
addButton("button3");

</script>