1

我正在尝试在 Gmail/Google Docs 富文本 WYSIWYG edtior 中实现类似“更改/删除链接”的功能，当您键入 URL 时，会在其下方显示一个 div，显示“转到链接、更改、远程”

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

  1. 如何获取游标的行和列？
  2. 如何计算字体宽度和高度（尤其是带有一些粗体/斜体样式的非固定宽度字体）
  3. 如何确保 DIV 出现在单词的开头？

先感谢您！

4

2 回答 2

6

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

它能做什么：

  • 创建位于超链接附近的 div。
  • 看起来像谷歌文档框。
  • 能够更改文本和网址。
  • 实施移除。

它不做什么：

  • 在文本区域工作。Textareas 不支持 html，因为它们是纯文本。这是一个需要解决的复杂过程。找到一个图书馆，然后实施我的答案。
  • 当您的光标被箭头键移动到它上面时打开。由于上述项目而不起作用。
于 2011-04-22T08:42:24.193 回答
0

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

于 2014-03-17T13:00:48.327 回答