javascript - 在文本的特定位置拖放 div

Question

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

1. <div id="var" draggable="true">
2. <div id="area1" contenteditable="true">

1，附有一些css和dnd的所有功能。2 是我要删除 <div id="var"> 的地方

我想结合这两种行为:

我的 div:

  <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>

在此代码段 ( http://jsfiddle.net/3yBZp/6/ ) 中，警报在 id="var" 时触发被丢弃

在此代码段 ( http://jsfiddle.net/H24Nk/1/ ) 中 <div id="var">放置在鼠标光标在“放下”事件中的确切位置

我搜索了两天，但找不到结合这两种行为的东西。放下<div id="var">在 <div id="area">在鼠标位置，并触发警报/ajax/其他。

谢谢。

Answer 1

我以 95% 的成绩解决了我的问题。我不得不做一些改变:

http://jsfiddle.net/bMLmD/1/

<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>

在这里http://jsfiddle.net/bMLmD/1/是结果。当我将标签 a 放在文本区域时，a 会落在光标位置，然后触发警报/ajax/其他。

我从这里复制函数插入: How do I insert some text where the cursor is?感谢蒂姆回答这个问题。

谢谢，