jQuery获取文本区域光标/插入符号X,Y的位置，并显示下面的DIV

Question

我正在尝试实现类似Gmail/Google Docs richtext WYSIWYG编辑中的"更改/删除链接"，当你输入一个URL时，一个div显示下面它说"转到链接，更改，远程"

我怎么能用jQuery写这样的东西呢?

1. 如何获得行和列的游标?
2. 如何计算字体宽度和高度(特别是一些粗体/斜体样式的非固定宽度字体)
3. 如何确保DIV出现在单词的开头?

提前感谢!

Answer 1

答:http://jsfiddle.net/morrison/57BR3/

作用:

• 创建位于超链接附近的div。
• 看起来像谷歌文档框。
可以修改文本和url。
• Remove实现

不能做的:

• 修改文本区。文本区域不支持html，因为它们是纯文本。这是一个需要解决的复杂过程。找一个库，然后实现我的答案。
• 当光标被箭头键移动到它上面时打开。

Answer 2

您正在构建一个所见即所得的编辑器。您确定要使用文本区域吗?文本区域不支持HTML。为了回答你后面的评论，在文本区域中获得插入符号的(x, y)位置的最佳方法是使用textarea-插入符号-position插件。