Javascript 拖放；在文本的特定位置放置div

这是我的第一个问题。 我有两个div

1，有一些css和所有附加的dnd函数。 2是我要放置

我想把这两种行为结合起来：

我的部门：

  <a id="var" href="#">
    variable
  </a>

<div id="area1" contenteditable="true">
  Phasellus at libero lectus. Morbi pulvinar, augue non tincidunt consequat, mi turpis rhoncus urna, faucibus blandit
  quam lacus aliquet arcu.<br><br>Pellentesque in congue nulla. Vestibulum posuere ligula eget dui mollis aliquet. Fusce euismod
  nisl justo, eu sagittis ipsum facilisis a. Maecenas vel congue augue, sed bibendum sapien. Donec id semper enim, quis
  placerat ipsum.<br><br>
  Vestibulum non mauris a nisi dictum sodales. Cras gravida, felis a sagittis dapibus, massa ipsum pretium purus, in
  semper enim metus ac urna. Mauris bibendum metus ut lacus tristique pulvinar. Fusce viverra lorem quis consectetur
  volutpat. Donec elementum at orci vel auctor. Suspendisse sed fringilla sapien. Proin velit erat, dapibus nec nisl
  at, interdum tempus diam.
</div>

自由选台的Phasellus。马尔比·普尔维纳，奥古斯·诺丁·康塞奎特，我是图尔皮斯·朗卡斯·乌纳，福西布斯·布兰迪特
康格纳拉的佩伦茨克广场。前庭，前庭，前庭，前庭，前庭。Fusce-euismod
nisl justo，eu-sagittis ipsum facilisis a。我是康格·奥古斯，我是智者。Donec id semper enim，quis
placerat ipsum.


前庭非毛里斯-尼西-迪克特钠饮料。孕妇，大慈姑猫，purus前足跖按摩器
我是埃尼姆·梅特斯·阿尔纳。毛里斯·比本杜姆·梅特斯和拉库斯·特里斯蒂克·普尔文纳。福斯·维韦拉·勒姆·奎斯·康塞特图
帕特。奥奇维尔拍卖行的Donec elementum。Suspendisse sed fringilla sapien。这是一个非常好的例子
在，中间温度直径。

在这个代码段（）中，当删除

id=“var”

时会触发警报

在此代码段（）中，

正好位于事件“drop”中鼠标光标所在的位置

我搜索了两天，却找不到结合这两种行为的东西。 将

放入

中的鼠标位置，然后触发警报/ajax/other

---

多谢各位

我以95%的速度解决了我的问题。 我不得不做一些改变：

到

自由选台的Phasellus。马尔比·普尔维纳，奥古斯·诺丁·康塞奎特

结果如下。 当我在文本区域中放置标记a时，a将放置在光标位置，然后触发警报/ajax/other

我从这里复制函数插入： 多亏了蒂姆，我才能回答这个问题

---

谢谢，

试试jqueryui库-有一些插件叫做Dragable、Dropable和sortable。但我可以看到，您使用的javascript没有库，这有点酷。：）

<div id="var"> 
<div id="area1">

<textarea id="area1">
Phasellus at libero lectus. Morbi pulvinar, augue non tincidunt consequat
</textarea>

<a href="#" class="button" id="variable" contenteditable="false">
Variable 
</a>