jQuery 获取文本区域光标/插入符 X,Y 位置并在下面显示一个 DIV
我正在尝试在 Gmail/Google Docs Richtext WYSIWYG edtior 中实现类似“更改/删除链接”的功能，当您键入 URL 时，下面会显示一个 div，上面写着“转到链接、更改、远程”
我怎么能写这样的东西使用 jQuery？
- 如何获取光标的行数和列数？
- 如何计算字体宽度和高度（特别是具有某些粗体/斜体样式的非固定宽度字体）
- 如何确保 DIV 出现在单词的开头？
先感谢您！
I am trying to implement something like the "Change/Remove Link" in Gmail/Google Docs richtext WYSIWYG edtior, when you type a URL, a div shows underneath it says "Goto Link, Change, Remote"
How could I write something like that using jQuery?
- How to get row and column of cursor?
- how can I calculate font width and height (especially non-fixed width font with some Bold/Italic style)
- How to make sure the DIV appears at the start of a word?
Thank you in advance!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
答案：http://jsfiddle.net/morrison/57BR3/
< strong>它的作用：
它不做什么：
Answer: http://jsfiddle.net/morrison/57BR3/
What it does:
What it does not do:
您建议您正在构建一个所见即所得编辑器。您确定要使用文本区域吗？文本区域不支持 HTML。回答您的 稍后评论，获取文本区域中插入符的 (x, y) 位置的最佳方法是使用 textarea-caret-position 插件。
You're suggesting you're building a WYSIWYG editor. Are you sure you want to use a textarea? Textareas don't support HTML. To answer your later comment, the best way to get the (x, y) position of the caret in a text area is to use the textarea-caret-position plugin.